ajax提交表单用法

最新推荐文章于 2024-12-04 11:21:35 发布

dha1989

最新推荐文章于 2024-12-04 11:21:35 发布

阅读量310

点赞数

本文介绍了一个使用Ajax实现的登录表单提交函数。该函数通过POST方式发送请求到'/user/login'路径，并设置了超时时间为10秒。特别之处在于它采用同步方式执行，默认情况下Ajax请求为异步，但此例中通过设置async为false来改变这一行为。

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

function loginSubmit(form) {
$.ajax( {

type : "POST",

timeout : 10000,

async: false,

cache: false,

url : "/user/login",

data : $("#loginForm").serialize(),

// data:{Name:"name",Password:"pass"},

// data:"name="+name,

contentType : false,
processData : false,

error: function(data, status) {
if (status == "timeout") {

alert("连接超时");

}
},

success : function(data) {
if ((msg == "true")) {

$("#ajaxDiv").html(data);

Refresh();

}

statusCode : {
400 : function() {
alert("连接超时");
}
}

});

}

async默认的设置值为true，这种情况为异步方式，就是说当ajax发送请求后，在等待server端返回的这个过程中，前台会继续执行ajax块后面的脚本，直到server端返回正确的结果才会去执行success，也就是说这时候执行的是两个线程，ajax块发出请求后一个线程和ajax块后面的脚本（另一个线程）