Ajax的创建打开发送接收以及Json页面的格式

Ajax的创建打开发送接收以及Json页面的格式,第1张

首先Json是一种轻量级的交换数据的一种格式,用dreamweaver可以自主创建这样一张网页,里面可以放对象的任何数据,包括数组、函数等。对象调用属性一般分两种情况,有特殊字符的:obj[“margin-left”],若没有特殊字符的就是obj.userName;在数组中,前面要加双引号:

{
	"username":张三,
	"age":18,
	"password":123456
}

Json解析成对象:Json.parse();
Json解析成字符串:Json.stringify();这在以后从数据中拿数据之间要进行的转换。
下面来讲一下ajax对象的创建:

var xhr=null;
if(window.xmlHttpRequest){
	xhr=new xmlHttpRequest();//IE6以上
}else{
	xhr=new ActiveXObject("Microsoft xmlHttp");//IE6及以下
}
xhr.open("这里填GET或POST""a.php?name=张三&age=18&password=123456","这里的异步填true同步的填false,一般填true");
xhr.send(如果是GET方式填null,如果是POST方式填name=张三&age=18&password=123456,要加双引号);
在用POST请求方式时,必须加上头部信息:
xhr.setRequestHeader("Context-type","application/x-www-form-urlencoded");
最后是接收返回:
xhr.onreadystatechange=function(){
	if(xhr.readystate==4&&xhr.status==200){
		console.log(xhr.responseText);//控制台打印出接收返回的信息
}
}
请求页面:a.php
<?php
	echo$_GET["name"]."===>".$_GET["age"]."===>".$_GET["password"];
	如果是POST请求的话,那就是:
	echo$_POST["name"]."===>".$_POST["age"]."===>".$_POST["password"];
?>

表示有以下这四个步骤:
1、创建ajax对象
2、创建服务器链接
3、发送请求
4、完成解析后接收信息(一般状态为完成状态readystate4并成功加载后status200)
这样四步就能完成信息传输,另外status还有404等状态码。
在控制台一栏可以看到:

张三===>18===>123456

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1323064.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存