您的位置: 首页  >  文章  >  Ajax全接触 && JSON

Ajax全接触 && JSON

分类: 文章 • 2022-10-01 22:53:31 

Ajax

Ajax 全称：asynchronous JavaScript and XML（异步的JavaScript和XML）； Ajax 不是语言，是种技术，可以在不完整加载整个网页的前提下，加载网页的部分


同步：服务器端处理客户端的请求并响应，此时客户端等待服务器端，等待结束以后客户端重新载入页面。如果有错误只能再次向服务器端发送请求，再次等待。
ajax异步：写表单错误直接显示出页面出来，没有页面的刷新，没有等待。
实现ajax：HTML+css、XMLHttpRequest对象、javascript操作dom实现动态局部刷新。





利用XmlHttpRequest对象

Ajax全接触 && JSON








http请求有四部分组成




1、http请求方法或动作，如GET或POST


2、正在请求的URL地址


3、请求头




4、请求体，请求的正文，表单信息等等











一个完整的HTTP请求过程，通常有下面7个步骤：
1.建立TCP连接
2.Web浏览器向Web服务器发送请求命令
3.Web浏览器发送请求头消息
4.Web服务器应答
5.Web服务器发送应答头信息
6.Web服务器向浏览器发送数据
7.Web服务器关闭TCP连接









无刷新，点击就上传后台了，然后根据上传参数后排匹配返回


<script>
document.getElementById("search").onclick=function(){
   // 发送Ajax查询请求并处理
   var request = new XMLHttpRequest();
   request.open("GET","service.php?number="+document.getElementById("keyword").value);
   request.send();
   request.onreadystatechang=function(){


   //下面2句表示请求成功
       if(request.readyState === 4){
          if(request.status === 200){
       document.getElementById("searchResult").innerHTML=request.responseText;
          }else{
             aler("发生错误："+request.status);
          }
       }
   }
}
</script>





json：   阮一峰博客


从结构上看，所有的数据（data）最终都可以分解成三种类型：  




第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"北京"这个单独的词。


第二种类型是序列（sequence），也就是若干个相关的数据按照一定顺序并列在一起，又叫做数组（array）或列表（List），比如"北京，上海"。


第三种类型是映射（mapping），也就是一个名/值对（Name/value），即数据有一个名称，还有一个与之相对应的值，这又称作散列（hash）或字典（dictionary），比如"首都：北京"。




Json的规格非常简单，只用一个页面几百个字就能说清楚，而且Douglas Crockford声称这个规格永远不必升级，因为该规定的都规定了。




1） 并列的数据之间用逗号（", "）分隔。


2） 映射用冒号（": "）表示。


3） 并列数据的集合（数组）用方括号("[]")表示。


4） 映射的集合（对象）用大括号（"{}"）表示。




比如，下面这句话：


"北京市的面积为16800平方公里，常住人口1600万人。上海市的面积为6400平方公里，常住人口1800万。"


写成json格式就是这样：


[
　　{"城市":"北京","面积":16800,"人口":1600},
　　{"城市":"上海","面积":6400,"人口":1800}
]


如果事先知道数据的结构，上面的写法还可以进一步简化：


[
　　["北京",16800,1600],
　　["上海",6400,1800]
]


由此可以看到，json非常易学易用。所以，在短短几年中，它就取代xml，成为了互联网上最受欢迎的数据交换格式。




学习javascript的时候，我曾经一度搞不清楚"数组"(array)和"对象"(object)的根本区别在哪里，两者都可以用来表示数据的集合。


比如有一个数组a=[1,2,3,4]，还有一个对象a={0:1,1:2,2:3,3:4}，然后你运行alert(a[1])，两种情况下的运行结果是相同的！这就是说，数据集合既可以用数组表示，也可以用对象表示，那么我到底该用哪一种呢？


我后来才知道，数组表示有序数据的集合，而对象表示无序数据的集合。如果数据的顺序很重要，就用数组，否则就用对象。









二、json和xml比较





1、json的长度和xml格式比起来很短小


2、json读写的速度更快。


3、json可以使用javaScript内建的方法直接进行解析，转换成javaScript对象，非常方便。








三、json语法规则


1、json数据的书写格式是：名称/值对。


名称/值对组合中的名称写在前面（在双引号中），值对写在后面（同样在双引号中），中间用冒号隔开，比如 "name":"郭靖"。


和javaScript对象表示法不同，javaScript对象表示法的键值不需要用引号，但是json的键值要用引号。


2、json的值可以是下面这些类型：


（1）数字（整数或浮点数），如123，1.23


（2）字符串（在双引号中）


（3）逻辑值（true或false）


（4）数组（在方括号中）


（5）对象（在花括号中）


（6）null


3、json典型例子：


{


  "staff":[


    {"name":"洪七","age":70},


    {"name":"郭靖","age":35}


  ]


}





四、（外注）JSON建构于两种结构：


1、“名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （associative array）。




2、值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。




json在线解析工具 









跨域：a.com下面js不能调用b.com的对象，js处于安全考虑
															

																					

								

									相关推荐