用Chrome测试ajax

最新推荐文章于 2024-10-12 22:24:52 发布

chuangrain

最新推荐文章于 2024-10-12 22:24:52 发布

阅读量1w

点赞数 1

分类专栏： PHP 文章标签： chrome 测试 ajax web开发 json url

本文链接：https://blog.youkuaiyun.com/chuangrain/article/details/7594524

版权

PHP 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了在web开发中如何利用Chrome浏览器进行Ajax请求的测试。由于Ajax请求不会导致页面刷新，传统的错误检测方法可能无效。通过监测HTTP协议，开发者可以在Chrome中查看http请求数据，包括PHP端的错误信息，从而检查和调试Ajax请求。此外，对于get方式的Ajax请求，可以直接将URL复制到浏览器地址栏查看结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在web开发中，很多时候会用到ajax，来满足一部分功能，或者达到更好的用户体验

但是在web开发时，不好测试ajax是否正常，它是用js发送ajax请求，页面不会刷新，也可能不会报错

通过检测HTTP协议来测试结果

ajax在发送请求时，就是发送一个http请求

这里用Chrome浏览器来监测

1、发送一个ajax请求

        var url = '?c=mail&a=delete&id=' + id;
	$.getJSON(url,function(json){//或者其他请求方式比如$.post等
		if(json['status'] == 1) {//测试期间最好的输出
			document.location.reload();
		} else {
			alert(json['msg']);
		}
	});

2、php端，处理ajax请求，在PHP端的输出信息，会在ajax请求后显示出来

这是用Chrome监测到的http请求数据

Request URL:http://localhost/?c=mail&a=delete&id=11//URL
Request Method:GET
Status Code:200 OK
Request Headersview source
Accept:application/json, text/javascript, */*
Accept-Charset:GBK,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:zh-CN,zh;q=0.8
Connection:keep-alive
Cookie:PHPSESSID=f5d40db6442b5e8ef050fb5df36df58d
Host:localhost
Referer:http://localhost/?c=mail
User-Agent:Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.168 Safari/535.19
X-Requested-With:XMLHttpRequest
Query String Parametersview URL encoded
c:mail//参数
a:delete
id:11
Response Headersview source
Cache-Control:no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Connection:Keep-Alive
Content-Length:21
Content-Type:text/html
Date:Wed, 23 May 2012 06:47:19 GMT
Expires:Thu, 19 Nov 1981 08:52:00 GMT
Keep-Alive:timeout=5, max=97
Pragma:no-cache
Server:Apache/2.2.4 (Win32) PHP/5.2.3
X-Powered-By:PHP/5.2.3

返回的结果：