ajax发送的几种方式,在ajax中data主要有几种方式

本文详细介绍了五种常见的AJAX数据提交方式,包括URL参数拼接、JSON数据、表单序列化、data属性拼接和form表单序列化,帮助开发者理解并选择最合适的提交方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//第一种写法(把参数拼接在URL中,data属性设为空{ })

function

getFormInfo(){

var name='wen';

var user='chen';

$.ajax({

url:"/login/authenticate?name="+name+"&user="+user,

type: "POST",

data:{},dataType: "json",

success: function(data){    },

error:function(err){

console.log(err.statusText);

console.log('异常'); }

});

}

//第二种写法(参数写成json数据形式)

function getFormInfo(){

$.ajax({

url:

type: "POST",

data:{

name:'chem',

user:'wen'

},

cache:false,

dataType: "json",

success: function(data){

},

error:function(err){

}

});

}

第三种写法(根据表单id属性,把表单封装数据,调用JQuery的serialize()方法序列化为字符串)

前提是:发送请求的必须是一个form表单,而且表单内要做参数的标签必须具有name属性,因为name属性会被认为请求参数名

//代码如下

function getFormInfo(){

var params=$('#login').serialize(); //把id为login的form表单里的参数自动封装为参数传递

console.log(params);

$.ajax({

url:

type: "POST",

data:params,

cache:false,

dataType: "json",

success: function(data){

},

error:function(err){

}

});

}

//第四种写法(拼接data)

function getFormInfo(){

var name='chen';

var user='wen';

$.ajax({

url:

type: "POST",

data:'name='+name+'&user='+user,

cache:false,

dataType: "json",

success: function(data){

},

error:function(err){

}

});

}

五:form表单经serialize()序列化的。

$('#form1').serialize()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值