ajax请求

Posted CIBLE

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax请求相关的知识,希望对你有一定的参考价值。

  • 先来一段基础常用的

$.ajax({
    type:‘post‘,
    url:‘/goods/goodinfo/changeStorage‘,
    data:{"client":5,"storage":[{"id":10,"name":"名字1"},{"id":12,"name":"名字2"}]},
    dataType:‘json‘,
    success:function(data){
        
    },
    error:function(){
        alert(‘请求有误‘);
    }
});
  • 常见的配置参数

async

类型:Boolean

默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。

注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行

dataType

类型:String

预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 javascript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

  • "xml": 返回 XML 文档,可用 jQuery 处理。
  • "html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。
  • "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)
  • "json": 返回 JSON 数据 。
  • "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
  • "text": 返回纯文本字符串

 

w3school参考地址:http://www.w3school.com.cn/jquery/ajax_ajax.asp

 

以上是关于ajax请求的主要内容,如果未能解决你的问题,请参考以下文章

Spring MVC 3.2 Thymeleaf Ajax 片段

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

AJAX相关JS代码片段和部分浏览器模型

ajax与 axios的基础讲解(附代码及接口)

Thymeleaf - 如何交互和重新加载 Javascript?

使用 JQuery ajax 在 DOM 操作后附加事件