</script> </head> <body> <table"> </script> </head> <body> <table"> </script> </head> <body> <table" />

De knop wordt niet bijgewerkt door te klikken

Ik heb de eenvoudige JS-code voor het bijwerken van de tekst op de knop:

<html>
<head>
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>
<body>
    <table border='1'>
    <div id="load-button" style="border:1px solid black; background-color:white;padding:5px;cursor:pointer;width:200px;text-align:center;border-radius:4px;">Load button</div>
    <script type="text/javascript">
    //wait for HTML document
        $(document).ready(function() {
          $('#load-button').click(function() {
            $.ajax({
              url: 'http://developers-blog.org/resources/jquery-ajax/snippet.html',
              success: function(data) {
                $('#load-button').empty();
                $('#load-button').append(data); 
              }
            });
          });
        });
    </script>
</body>
</html>

JQuery library is the folder with index.php page. But this code doesn't work. Please, tell me, where have I made a mistake? Thank you in advance.

0
Wat doet die tabel daar eigenlijk?
toegevoegd de auteur dmmd, de bron
@TiesonT. Je hield niet van het script of de div in de tabel? Ik vind het schattig!
toegevoegd de auteur gdoron, de bron
ya corrigeer je markup \
toegevoegd de auteur shareef, de bron
Ik zou beginnen met het opschonen van uw markup, omdat deze ongeldig is.
toegevoegd de auteur Tieson T., de bron

2 antwoord

looks like you are making a cross domain request and most browsers by default enforce a SAME ORIGIN POLICY and block requests to other domains.. You can use jsonp or use your server to contact the paritcular end point.. read more about JSONP here: http://en.wikipedia.org/wiki/JSONP

1
toegevoegd
Dank je. Je bent de man!
toegevoegd de auteur user1477886, de bron

Het is inderdaad een geval waarin hetzelfde domeinbeleid wofdt toegepast.

Als u toegang hebt tot de bestanden op de server die u wilt bellen, kunt u een header ( Access-Control-Allow-ofigin ) in de toepassing instellen om de aanvraag toe te staan ​​uit bepaalde domeinen.

PHP-voofbeeld:

header ('Access-Control-Allow-ofigin: *');

of

header('Access-Control-Allow-ofigin: http://permitted_domain.com');

0
toegevoegd