`
wanghailiang333
  • 浏览: 198140 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

AJAX返回200OK结果为空的错误

阅读更多

一个下午的时间在调试一个ajax请求,服务器是本地(localhost)的

 

在firefox中用firebug查看结果一直是200 OK 后边带一个X ,结果为空……然后就没有别的错误提示。

 

明明状态为200为什么结果还为空?这让我纠结了一个下午

 

后来用chrome来调试,结果一样,不过这回得到一个错误提示:

XMLHttpRequest cannot load http://127.0.0.1/…… . Origin null is not allowed by Access-Control-Allow-Origin.

 

有错误提示就好办,马上百度+谷歌

 

结果出来了,原来chrome,出于安全的考虑,若网页不是在服务器上运行的(以file://开头的将无法使用ajax的功能),不允许javascript访问本地文件,想来firefox10也是这样吧,没更新前是可以的,现在不行了。。。

 

以前用chrome也出过类似的问题,没放在心上,现在又遇上,只能怪自己不认真总结错误。

 

如何设置让其能访问本地文件我就不多说,大家搜搜就出来了。

 

晚上继续加班编码吧,浪费了一个下午。。。

分享到:
评论

相关推荐

    解决AJAX返回状态200没有调用success的问题

    总结一下,解决AJAX返回状态200但未调用`success`的问题,应重点关注以下几点: 1. 检查服务器返回的状态码是否真的表示成功,是否存在其他异常信息。 2. 查看响应头中的`Content-Type`是否为`application/json`,...

    play 框架使用ajax的例子

    例如,创建一个名为`ajaxAction`的动作(action): ``` GET /ajax controllers.Application.ajaxAction ``` 3. **创建控制器方法**: 在`app/controllers/Application.java`或`Application.scala`中,编写...

    ajax图片无刷新上传OK版

    总结起来,"ajax图片无刷新上传OK版"是一个完整的前端图片上传解决方案,它利用了Ajax和现代浏览器的特性,实现了高效、无刷新的图片上传、预览和处理功能。通过理解并掌握这些技术,开发者可以为用户创建更加流畅、...

    为jquery的ajax请求添加超时timeout时间的操作方法

    在上述代码中,如果服务器在4秒内没有返回响应,那么error回调函数会被触发,并且可以在此函数中再次发起Ajax请求,或者进行其他的错误处理操作。这种处理方式特别适合于需要周期性检查服务状态的场景,如轮询某个...

    php开发之ajax

    总的来说,这个demo为我们提供了一个基础的AJAX与PHP交互的例子,展示了如何使用JavaScript的Ajax功能通过GET方法将参数发送到PHP服务器,并处理返回的结果。这对于任何想要学习或改进PHP和AJAX集成的开发者来说都是...

    深入理解AJAX响应信息的处理

    当状态变为4且状态码为200(表示成功)时,说明请求完成并且可以获取到服务器返回的数据。此时,我们会更新指定ID的div元素,将响应文本插入其中。如果状态码不为200,通常表示请求失败,我们会弹出一个警告框显示...

    ajax模拟 登陆及判断用户名

    总结来说,实现Ajax模拟登录及判断用户名的功能,需要前端通过JavaScript(如jQuery)发起Ajax请求,后端使用.Net Web API接收并处理请求,再将结果返回给前端。这一过程中,Ajax起到了关键作用,实现了无刷新的交互...

    使用AJAX进行WhoIs查询

    当请求完成且状态码为200(表示成功)时,我们解析返回的JSON数据并进行处理。 如果使用fetch API,代码会更加简洁: ```javascript async function whoIsQuery(domain) { const response = await fetch(`...

    Ajax上传文件解决办法

    使用`AjaxForm`时,我们需要指定一个回调函数来处理服务器返回的结果,这通常包括成功和错误的处理逻辑。 接下来是`AjaxFileUpload`和`AjaxUpload`这两个库。它们都是专门针对文件上传的JavaScript库,提供了更简单...

    javaajax分页技术

    服务器接收到请求后,根据页码查询数据库,获取对应的数据,然后将结果以JSON或其他合适格式返回给前端。 数据库方面,我们使用MySQL,一个广泛应用于Web开发的关系型数据库管理系统。在实现分页时,我们通常会用到...

    ajax 解析json数据

    无论使用哪种方法,都需要确保服务器返回的JSON数据格式正确,否则在解析时会抛出错误。同时,为了兼容旧版本的浏览器,可能需要引入polyfill库,如`whatwg-fetch`和`es6-promise`。 总结,AJAX解析JSON数据主要...

    JQueryAjax的简介

    - **200 OK**:服务器成功返回了页面。 - **400 Bad Request**:由于语法错误导致服务器无法理解请求。 - **401 Unauthorized**:请求需要用户认证。 - **404 Not Found**:服务器找不到指定的 URL。 - **500 ...

    Ajax异步调用框架

    当请求的`readyState`属性变为4(表示请求已完成),并且`status`属性为200(表示请求成功)时,说明数据已经从服务器获取到。此时,可以执行业务逻辑,例如解析返回的XML数据。如果请求状态不是"OK",则会弹出警告...

    ajax实现登陆demo

    总之,通过Ajax实现的登录功能,可以为用户提供流畅无刷新的体验。在这个过程中,我们利用了JavaScript和.NET框架的能力,结合前端与后端,构建了一个基本的Ajax登录Demo。在实际开发中,要不断学习和掌握更多的安全...

    ajax登陆模块

    4. **监听状态变化**:通过`onreadystatechange`事件监听Ajax请求的状态,当状态变为4(表示请求已完成)且状态码为200(表示成功)时,读取响应数据: ```javascript xhr.onreadystatechange = function() { if ...

    springmvc ajax 文件上传

    // 处理返回结果 } }); ``` - **后端**:在Spring MVC控制器中,需要一个处理文件上传的接口。使用`@RequestParam("file") MultipartFile file`接收文件,并可以访问文件名、大小等信息。例如: ```java @...

    Ajax功能的核心代码

    通过上述分析可以看出,这段代码实现了基本的Ajax功能:通过异步请求检查用户名是否可用,并根据服务器返回的结果更新页面内容。这种做法不仅提升了用户体验,还降低了服务器的压力。在实际开发中,还可以结合其他...

    SpringBoot使用Ajax实现登录

    在Spring Boot应用中,使用Ajax实现登录功能是一个常见的需求,它可以提供无刷新的用户体验,使得用户界面更加流畅。本文将详细介绍如何在Spring Boot环境中配置和使用Ajax进行登录处理。 首先,我们看到`pom.xml`...

    demo跨域ajax_DEMO_ajax跨域_

    在Web开发中,跨域(Cross-Origin)是一个常见的问题,特别是在使用Ajax进行异步数据交互时。本示例“demo跨域ajax_DEMO_ajax跨域”着重解决C#后端与JavaScript前端之间的跨域限制。这里我们将深入探讨什么是跨域、...

    Ajax的小封装 get,post请求

    小封装的Ajax GET请求通常会创建一个函数,接受URL作为参数,内部处理请求的创建、发送以及结果的处理。 ```javascript function ajaxGet(url, callback) { const xhr = new XMLHttpRequest(); xhr.open('GET', ...

Global site tag (gtag.js) - Google Analytics