jquery ajax load() function
jquery ajax load() function
我不知道为什么jquery ajax加载函数没有响应。当我单击应强制div 加载文件内容的链接时.txt除了我收到指示加载函数成功运行的警报窗口外,没有任何反应。代码如下:
主模板.html
<div class="contentWrapper">
<table>
<thead>
<tr>
<th>
Location
</th>
<th>
Account
</th>
<th>
Industry
</th>
</tr>
</thead>
<tbody>
<tr id="Row1">
<td>
foo
</td>
<td>
foo
</td>
<td>
foo
</td>
</tr>
<tr id="Row2">
<td>
foo
</td>
<td>
foo
</td>
<td>
foo
</td>
</tr>
<tr id="Row3">
<td>
foo
</td>
<td>
foo
</td>
<td>
foo
</td>
</tr>
<tr id="Row4">
<td>
foo
</td>
<td>
foo
</td>
<td>
foo
</td>
</tr>
</tbody>
</table>
<!-- <button>Click Me</button> -->
</div>
jQuery 文件:
$(document).ready(function () {
$("[id^=Row]").click(
function () {
$(".contentWrapper").load('foo.txt', function () { alert("Load was performed successfully")});
}
);
});
foo.txt:
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>
我在这里很沮丧。我正在使用谷歌浏览器作为我的浏览器。
如果您仔细查看 .load 方法文档,您会注意到它的第二个参数是三个参数的函数,该参数总是在请求"完成"时调用,这并不意味着它已成功。请参阅本页底部的示例,了解如何从请求对象获取错误信息
事实证明,我以错误的方式使用了jQuery AJAX。我没有在服务器上运行代码,所以当我点击链接运行jQuery load()函数时,xml http请求没有通过。菜鸟错误。
我在服务器上运行了代码并修复了文件地址问题。它现在有效!
感谢大家的帮助!
相关文章:
- 正在寻找比$(document).ready慢的$(window).load的替代方案
- 直接在函数声明上使用function.prototype.bind
- jQuery:.click(function(){(element),collapse('show',f
- 防止自定义文本出现在页面上的所有高图表上,←使用 {events:{load:function(){var.
- jquery ajax load() function
- 以“$( window ).load(function()”开头的 js 代码
- jQuery(window).load(function($) 仍然给出 Uncatch TypeError: $ 不是
- (jquery) .load function
- Lab.js 和 jQuery with $(window).load(function() 过早触发
- $(window).load(function(){});在控制台中给我错误
- Jquery (ajax) load function 不起作用
- Safari Mobile上未触发$(window).load(function)事件
- 函数gap.client.load('oauth2','v2',function());
- $(window).load(function())在完全加载文档后执行失败
- jquery on load function
- 遇到 $('img').load(function(){something} 的问题;在IE和火狐中
- $(window).load(function())和NProgress JQuery插件.页面已完全加载,但NProg
- jQuery load(function) for a Microsoft Word Document
- 在window.on('load', function(){})完成后,页面元素仍在加载
- 当已经有一个window.load==function(){}如何为画布添加keyDown事件