ajax 提交数据的两种方法

我咋这里写成出来的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.’),接收的是传递过来全部的值,可根据自己的需求修改;

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

 
发布了7 篇原创文章 · 获赞 1 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/meimeidi/article/details/91371340