Ajax格式

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

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

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

第一种方式

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

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

第二种方式

  1. $.ajax({
  2. url: "Handler.ashx?action=add",
  3. type: "post",
  4. data: { id:id },
  5. dataType: "html",
  6. success: function (result) {
  7. alert(result);
  8. }, error: function (e) {
  9. alert(e);
  10. }
  11. });

//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:返回纯文本字符串。

发表评论

表情:
评论列表 (有 0 条评论,312人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Ajax格式

    Ajax编写格式及参数类型相关 Ajax = 异步 JavaScript 和 XML。 Ajax(异步请求) 是一种用于创建快速动态网页的技术(前端与后台数据交互)