侯宪冬的个人博客,$.ajax() data{} 传参三种常见用法

$.ajax() data{} 传参三种常见用法

  • 原创
  • 管理员
  • 前端
  • 2023-03-18
$.ajax() data{} 异步请求的写法有很多,这里介绍简单的是常见的三种写法,主要是介绍其中的data{}传参方法。

第一种写法:带json数据,也是最常用的写法

    function getFormInfo(){
      $.ajax({
        url: "/admin/login/login",
        type: "POST",
        data:{
          name:'zhangshan',
          pwd:'abc12345'
        },
        cache:false,
        dataType: "json",
        success: function(data){
        },
        error:function(err){
        }
      });

    }

第二种写法:拼接URL

    function getFormInfo(){
      var name='zhangshan';
      var pwd='abc12345';
      $.ajax({
        url: "/admin/login/login?name="+name+"&password="+pwd,
        type: "POST",
        data:{},
        dataType: "json",
        success: function(data){
        },
        error:function(err){
          console.log(err.statusText);
          console.log('异常');
        }
      });

    }

第三种写法:拼接Data

    function getFormInfo(){
      var name='zhangshan';
      var pwd='abc12345';
      $.ajax({
        url: "/admin/login/login",
        type: "POST",
        data:'name='+name+'&password='+pwd,
        cache:false,
        dataType: "json",
        success: function(data){
        },
        error:function(err){
        }
      });
    }