Javascript和Ajax响应
[英]Javascript and Ajax response
问题描述
我有一个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 rankings(callback){
$.ajax({
url: 'ajax/rankings.php',
type: 'GET',
success: function(response){
$('#main_event_saff').html(response);
}
});
});
这是我想读取ajax请求响应的插件：
$(document).ready(function () {
$(".data").hide();
$(".header").click(function () {
$(this).next(".data").slideToggle(200);
});
});
这不起作用，因为它无法读取ajax请求
就像它只看到的页面源一样
4 个解决方案
解决方案1
2 2014-03-28 04:50:12
如您所说，您正在使用jQuery，为什么不这样做呢？
$(document).ready( function rankings(callback){
$.ajax({
url : 'ajax/rankings.php',
type : 'GET',
data : 'yourData',
success : function(response){
$('#main_event_saff').html(response);
}
});
});
这将使您的工作变得轻松
解决方案2
2
您可以只使用$ .load（）一个jQuery ajax请求：
$( "#main_event_saff" ).load( "ajax/rankings.php" );
您可能需要做更多的事情来获得响应：
$( "#main_event_saff" ).load( "ajax/rankings.php", function() {
alert( "Load was performed." );
});
解决方案3
1 已采纳 2014-03-28 05:28:28
动态元素上的Click事件应按以下方式工作。
$(document).ready(function () {
$("#main_event_saff").on('click', '.header',function () {
$(this).next(".data").slideToggle(200);
});
});
有关更多信息，请查看.on（）
解决方案4
0 2014-03-28 04:54:39
你没用过
id="main_event_staff"
在您的HTML中，这样您最终将如何读取/写入其内部HTML。
Javascript Ajax响应类型
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.