Ajax格式

偏执的太偏执、 2022-04-12 05:49 235阅读 0赞

### Ajax编写格式及参数类型相关 ###

Ajax = 异步 JavaScript 和 XML。  
Ajax（异步请求） 是一种用于创建快速动态网页的技术（前端与后台数据交互）

第一种方式

$.post("Servlet?path=add",{id:id},function(result){
    		...
    	},"json");

//参数1：后端的访问路径 url  
//参数2：传输数据 data (需要传参的时候可以有，不需要传参的时候可以没有)  
//参数3：回调函数 callback （在函数中创建一个形参）  
//参数4：返回值类型 type （json text html xml script jsonp）

第二种方式

$.ajax({
               url: "Handler.ashx?action=add",
               type: "post",
               data: { id:id },
               dataType: "html",
               success: function (result) {
                     alert(result);
               }, error: function (e) {
                     alert(e);
               }
      });

//url：后端的访问路径  
//type：Ajax请求方式的类型  
//data：传输数据 (需要传参的时候可以有，不需要传参的时候可以没有)  
//dataType：数据返回值类型 （json text html xml script jsonp）  
//success：响应成功时的回调函数  
//error：响应失败时的回调函数

###### 顺便说一下Ajax 数据返回值类型（xml、html、script、json、jsonp、text 六种） ######

1.  xml：返回XML文档，可用 jQuery 处理。
2.  html：返回纯文本HTML信息；
3.  script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了 “cache” 参数；
4.  json：json方式和html方式在请求和服务器中完全是一样，请求的返回值实际上都是String对象，有两点不同，第一：html方式的时候并没有限制返回的字符串格式，而json方式的时候，必须符合json协议的规范。第二：html方式请求完成之后没有做任何的操作直接回调sucuess，而json多了一步就是加了eval，执行返回的字符串，看看源码data  
    = eval\_r("(" + data + “)”);返回json对象；(方法的返回值是Javabean时，在响应体中响应成json字符串格式)
5.  jsonp：jsonp方式的交互方式和js是一样的，本身xmlHttpRequest对象并不能跨域访问，但是script标签的src可以跨域访问，这里就注意两个概念：第一Ajax是不能跨域操作的，第二jQuery的jsonp是可以跨域操作，jsonp到底是什么东西呢？他是一个非官方的定义，目前的规范，需要服务器和客户端进行配合使用；
6.  text：返回纯文本字符串。