ajax发送data的三种方式

最新推荐文章于 2024-12-10 09:39:09 发布

转载最新推荐文章于 2024-12-10 09:39:09 发布 · 492 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chouguangjing/p/7260144.html

文章标签：

#json

本文介绍了使用jQuery发起Ajax请求的方法，包括直接传递JSON数组、URL拼接参数以及使用表单序列化的方式。每种方式都提供了详细的代码示例，并包含了错误处理逻辑。

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

1.json数组

$(function(){

　　var myclick = function(){

　　　　var myDiv = $("#mydiv").val();

　　　　var myData = {mydiv:div};

　　　　var myFunction = function(result){

　　　　　　alert(result);

　　　　};

　　　　var errorFunction = function(XMLHttpRequest,textStatus){

　　　　　　

　　　　　　if (XMLHttpRequest.status==404){
　　　　　　alert('找不到服务器[404]');
　　　　　　} else if(XMLHttpRequest.status==500){
　　　　　　alert('服务器忙，请稍后再试[500]');
　　　　　　}else{
　　　　　　alert('服务器错误['+XMLHttpRequest.status+']');
　　　　　　}

　　　　};

　　　　$.ajax({

　　　　　　url:"B",

　　　　　　type:"POST",

　　　　　　data:myData,

　　　　　　dataType:"text",

　　　　　　success:myFunction,

　　　　　　error:errorFunction,

　　　　　　timeout:3000

　　　　});

　　}

　　$("#img").click(myclick);

});

2..url拼接

$(function(){

　　var myclick = function(){

　　　　var myFunction = function(result){

　　　　　　alert(result);

　　　　};

　　　　var errorFunction = function(XMLHttpRequest,textStatus){

　　　　　　

　　　　　　if (XMLHttpRequest.status==404){
　　　　　　alert('找不到服务器[404]');
　　　　　　} else if(XMLHttpRequest.status==500){
　　　　　　alert('服务器忙，请稍后再试[500]');
　　　　　　}else{
　　　　　　alert('服务器错误['+XMLHttpRequest.status+']');
　　　　　　}

　　　　};

　　　　$.ajax({

　　　　　　url:'B?mydiv='+$("#mydiv").val(),

　　　　　　type:"POST",

　　　　　//　data:myData,

　　　　　　dataType:"text",

　　　　　　success:myFunction,

　　　　　　error:errorFunction,

　　　　　　timeout:3000

　　　　});

　　}

　　$("#img").click(myclick);

});

3.表单的序列化serialize(强烈推荐)

$(function(){

　　var myclick = function(){

　　　　var kk = $("#userName").serialize();
        var tt = $("#frm1").serialize();

　　　　var myFunction = function(result){

　　　　　　alert(result);

　　　　};

　　　　var errorFunction = function(XMLHttpRequest,textStatus){

　　　　　　

　　　　　　if (XMLHttpRequest.status==404){
　　　　　　alert('找不到服务器[404]');
　　　　　　} else if(XMLHttpRequest.status==500){
　　　　　　alert('服务器忙，请稍后再试[500]');
　　　　　　}else{
　　　　　　alert('服务器错误['+XMLHttpRequest.status+']');
　　　　　　}

　　　　};

　　　　$.ajax({

　　　　　　url:"B",

　　　　　　type:"POST",

　　　　　　data:tt,

　　　　　　dataType:"text",

　　　　　　success:myFunction,

　　　　　　error:errorFunction,

　　　　　　timeout:3000

　　　　});

　　}

　　$("#img").click(myclick);

});