ajax 提交数据的两种方法

最新推荐文章于 2023-06-20 17:24:26 发布

原创最新推荐文章于 2023-06-20 17:24:26 发布 · 371 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

js 专栏收录该内容

0 篇文章

订阅专栏

本文介绍两种使用AJAX进行数据提交的方法，包括常规的$.ajax()方式和简化的$.post()方式，并展示了如何在ThinkPHP框架中接收这些数据。文章详细解释了POST请求的配置，如缓存、异步设置及错误和成功处理。

我咋这里写成出来的ajax提交用的是post方式提交，看个人需求，也可更改为get

第一种：（常规提交数据方法）

$('#button').click(function(){
$.ajax({
cache:true, //保留缓存数据
type:"POST", //为post请求

url:"logon", //这是我在后台接受数据控制器里面的方法名
data:{"name":"张三","password":"123456"},

async:false, //设置成true，这标志着在请求开始后，其他代码依然能够执行。如果把这个选项设置成false，这意味着所有的请求都不再是异步的了，这也会导致浏览器被锁死
error:function(request){//请求失败之后的操作
return;
},
success:function(data){//请求成功之后的操作
console.log("success");
}
});
})

第二种简化的提交数据

$.post('__APP__/Home/Index/logon',{u_name:u_name,u_pwd:u_pwd},function (msg) {

if(msg==0){

                alert("您输入的密码错误，请重新登录");
    
          }else if(msg == 2){
                /*登录成功，跳转首页面*/
                location.href = '__APP__/Home/Index/home';
          }else if(msg == 3){
                alert("您输入的用户不存在，请重新登录");

}

})

后台接受值的时候可以用框架里面接受值的方法，我用的事TP框架，所以用的事I方法，$data = I（‘post.’）,接收的是传递过来全部的值，可根据自己的需求修改；

以上是自已平常用到的两种提交数据的方式，也可根据自己的需求添加其他参数，欢迎指正。