用Chrome测试ajax

最新推荐文章于 2021-08-06 14:07:02 发布

chuangrain

最新推荐文章于 2021-08-06 14:07:02 发布

阅读量1w

点赞数 1

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

本文链接：https://blog.csdn.net/chuangrain/article/details/7594524

版权

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

摘要由CSDN通过智能技术生成

在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,def