ajax请求方式
发布日期:2021-11-02 02:26:41 浏览次数:0 分类:技术文章

ajax请求

常用参数:

  • 1、url 请求地址
  • 2、type 请求方式,默认是’GET’,常用的还有’POST’
  • 3、dataType 设置返回的数据格式,常用的是’json’格式,也可以设置为’text’,也可以不设置,浏览器有容错功能,会按照收到的数据的格式自行匹配格式解析
  • 4、data 设置发送给服务器的数据
  • 5、success 设置请求成功后的回调函数
  • 6、error 设置请求失败后的回调函数
1.ajax请求写法1
    <script>        $(function () {
                $.ajax({
      // 设置ajax的参数                                               url: '/index_data',   // 请求数据的url地址:接口地址                                type: 'get',    // 请求数据方式:get  post                                dataType: 'json',  // 返回的数据格式  json                               data:{
    "code":"30026"},   // data:发送给接口的数据                                success: function (dat) {
      // 请求成功之后要执行的回调函数                    //dat:服务端返回的数据                    console.log(dat)                 },                                error: function (e) {
      // 请求失败后执行的函数                    alert('请求失败')                }            })        })    </script>
2.ajax请求写法2(推荐)
    <script>        $(function () {
                $.ajax({
                    url: '/index_data', //请求地址                type: 'get', //请求方式                dataType: 'json', //返回的数据格式                data:{
    'code':"000007"}            })            .done(function (dat) {
                        //请求成功后的回调函数                    console.log(dat)                })            .fail(function (e) {
                        //请求失败的回调函数                    alert('请求失败')                })        })    </script>
3.ajax请求写法3(化简写法)
    <script>          $(function () {
                $.get("/add_data", {
    "code":"000007"},              function(dat){
                    //请求成功时回调函数                alert(dat)            })        })        //该写法基本上不会用到    </script>
上一篇:Ajax跨域请求与解决方案
下一篇:json字符串,JSON对象,JSON数组的区别与相互转换

关于作者

    白红宇是个全栈工程师,前端vue,小程序,app开发到后端框架设计,数据库设计,环境部署上线运维。

最新文章