Fatal编程技术网

Javascript和Ajax响应

javascript jquery ajax

Javascript和Ajax响应,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个javascript文件，它应该与ajax请求的响应交互，但显然javascript无法读取ajax请求的响应 我想问的是，如何让jquery插件在响应ajax请求时读取类 这是我的脚本在没有ajax的情况下的外观： <body> <div id="main_content"> <!--this is where the ajax is returning the info--> </div> </body> &

我有一个javascript文件，它应该与ajax请求的响应交互，但显然javascript无法读取ajax请求的响应

我想问的是，如何让jquery插件在响应ajax请求时读取类

这是我的脚本在没有ajax的情况下的外观：

 <body>
 <div id="main_content">

 <!--this is where the ajax is returning the info-->
 </div>
 </body>

 <body>
 <div id="main_event_saff">

 <!--this is an example of the ajax returns-->
   <table>
  <tbody>
<tr>
<td class="header">Header</td>
 </tr>

 <tr>
<td class="data">Data</td>
</tr>
 </tbody>
  </table>
 </div>
 </body>
下面是我想要读取ajax请求响应的插件：

 $(document).ready(function () {
 $(".data").hide();

$(".header").click(function () {
    $(this).next(".data").slideToggle(200);
});

});
这不起作用，因为它无法读取ajax请求

就像页面源代码一样，它只会看到

，正如您所说，您正在使用jQuery，为什么不这样做呢

  $(document).ready( function rankings(callback){
     $.ajax({
         url : 'ajax/rankings.php',
         type : 'GET',
         data : 'yourData',
         success : function(response){
           $('#main_event_saff').html(response);                
         }

     });
  });
这将使您的工作变得简单

正如您所说的，您正在使用jQuery，为什么不这样做呢

  $(document).ready( function rankings(callback){
     $.ajax({
         url : 'ajax/rankings.php',
         type : 'GET',
         data : 'yourData',
         success : function(response){
           $('#main_event_saff').html(response);                
         }

     });
  });
这将使您的工作变得轻松

您没有使用过

id="main_event_staff"
在您的HTML中，您最终如何读取/写入其内部HTML

您还没有使用

id="main_event_staff"
在您的HTML中，您最终如何读取/写入其内部HTML

您可以简单地使用jQuery ajax请求：

$( "#main_event_saff" ).load( "ajax/rankings.php" );
您可能希望在获得响应方面做更多的工作：

$( "#main_event_saff" ).load( "ajax/rankings.php", function() {
  alert( "Load was performed." );
});
您可以简单地使用jQuery ajax请求：

$( "#main_event_saff" ).load( "ajax/rankings.php" );
您可能希望在获得响应方面做更多的工作：

$( "#main_event_saff" ).load( "ajax/rankings.php", function() {
  alert( "Load was performed." );
});
动态元素上的单击事件应该是这样工作的

$(document).ready(function () {

    $("#main_event_saff").on('click', '.header',function () {
        $(this).next(".data").slideToggle(200);
    });

});
有关更多信息，请查看动态元素上的单击事件应该是这样工作的

$(document).ready(function () {

    $("#main_event_saff").on('click', '.header',function () {
        $(this).next(".data").slideToggle(200);
    });

});
有关更多信息，请查看

“我制作我的jquery插件”为什么不使用跨浏览器工作的jquery库中的
$.ajax（）
？同意，您已经在使用jquery，因此我也将使用$.ajax（）。。。否则你就很难了如果
main\u event\u saff
拼写不正确？它实际上可能是
main\u event\u staff
或
main\u content
？如果ID拼写错误，更新将失败。@jogesh_pi我实际上在使用jquerynow@mattchambers您正在尝试滑动
对吗？“我制作了我的jquery插件”为什么不使用跨浏览器工作的jquery库中的
$.ajax（）
？同意，您已经在使用jquery了，所以我也会使用$.ajax（）。。。否则你就很难了如果
main\u event\u saff
拼写不正确？它实际上可能是
main\u event\u staff
或
main\u content
？如果ID拼写错误，更新将失败。@jogesh_pi我实际上在使用jquerynow@mattchambers您正在尝试滑动
，对吗？