jQuery ajax方法在Chrome浏览器下失效问题

最近做测试时碰到一个问题,chrome下使用ajax的一些方法(如get,load等)的时候完全失效;

$(function() {
    $("#send").click(function() {
        $("#resText").load("test.html");
    });
});

代码如上,在其他浏览器,如firefox中表现正常;

百度谷歌之后,才发觉原来是chrome里面对非服务端的AJAX调用做了严格的限制,如果放到服务器上,使用http:访问就没有任何问题了;

原因可参考:http://forum.jquery.com/topic/load-and-ajax-not-working-on-google-chrome

所以如果只是在本地测试,没有将项目文件放在服务器里通过IP地址访问测试,谷歌chrome浏览器可能根本不显示效果;

所以,测试时,可以将文件放到tomcat的webapps的ROOT目录下,然后点击bin目录下的startup.bat,然后就可以在浏览器中访问了;

ip地址:端口号/文件,如192.168.1.70:8080/system/index.html;

时间: 2024-10-11 19:09:40

jQuery ajax方法在Chrome浏览器下失效问题的相关文章

jQuery的$.getJSON方法在IE浏览器下失效的解决方案

$.getJSON在IE下默认会使用浏览器缓存,所以导致数据不正确或者异常,解决方案就是在使用该方法前关闭缓存,使用完后再重新打开缓存即可. 1 <?php 2 $.ajaxSetup({ cache: false }); 3 $.getJSON("ajax.php",function(data,item) { 4 // 处理逻辑代码 5 $.ajaxSetup({ cache: true }); 6 }); 7 ?> ok啦

jquery ajax 方法及各参数详解

jquery ajax 方法及各参数详解 1.$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息. 参数列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET".注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分

再谈Jquery Ajax方法传递到action 【转载】

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://cnn237111.blog.51cto.com/2359144/984466 之前写过一篇文章Jquery Ajax方法传值到action,本文是对该文的补充. 假设 controller中的方法是如下: public ActionResult ReadPerson(PersonModel model)  {  string s = model.ToString();  ret

【转】jquery ajax 方法及各参数详解

在使用jquery的时候,我们经常用到jquery中对ajax的封装,下面对ajax函数的各参数详细说明和讲解,以便更好的理解和使用 $.get(url, data, callback,type) 和 $.post(url, data, callback, type). 1. jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据 这个是jQuery 的底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等. $.ajax() 返回其创建的 XML

再谈Jquery Ajax方法传递到action(转)

之前写过一篇文章Jquery Ajax方法传值到action,本文是对该文的补充. 假设 controller中的方法是如下: public ActionResult ReadPerson(PersonModel model) { string s = model.ToString(); return Content(s); } public ActionResult ReadPersons(List<PersonModel> model) { string result = "&q

jQuery AJAX 方法

jQuery AJAX 方法 AJAX 是一种与服务器交换数据的技术,可以在补充在整个页面的情况下更新网页的一部分. 下面的表格列出了所有的 jQuery AJAX 方法: 方法 描述 $.ajax() 执行异步 AJAX 请求 $.ajaxPrefilter() 在每个请求发送之前且被 $.ajax() 处理之前,处理自定义 Ajax 选项或修改已存在选项 $.ajaxSetup() 为将来的 AJAX 请求设置默认值 $.ajaxTransport() 创建处理 Ajax 数据实际传送的对象

&lt;select&gt;在chrome浏览器下背景透明问题

在上篇文章<只用CSS美化选择框>运用了背景透明的技巧来美化选择框,但在chrome浏览器下遇到了跟ie.ff不一样的透明效果,下面重现一下: 在一个大的div(背景红色)内放置一个select元素(背景透明).在线查看(可在不同浏览器中查看效果) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt

jquery ajax()方法传值乱码问题

 今天在用jquery.ajax()方法时,页面传的中文值到后台是乱码,后台总结了下解决这个问题有两个方法: 方法一: 用方法encodeURI() 后台不用做什么处理即可.我这的编码为UTF-8,如下所示: $.ajax({ url:"getIsAddWorkToday.action?1=1&workName="+encodeURI(empName), cache:false, type:"post", contentType:"text/h

chrome浏览器下页面顶部出现一条空白解决

最近遇到页面在chrome浏览器下,顶部会出现一条空白的问题.后来知道是bom头的问题. 1.什么是bom头? BOM签名的意思就是告诉编辑器当前文件采用何种编码,方便编辑器识别,但是BOM虽然在编辑器中不显示,但是会产生输出,就像多了一个空行. 一般的编码集中并不会出现bom头,unicode编码集中会出现. 类似WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM).它是一串隐藏的字符,用于让记事