美文网首页
2018-10-08jquery ajax使用

2018-10-08jquery ajax使用

作者: 辰321 | 来源:发表于2018-10-08 19:22 被阅读0次

    页面加载方法$(function(){

      按钮一点击事件$("#btn1").click(function(){

      构建对象var objData = {"sid":$("#sid").val(),"sname":$("#sname").val(),"age":$("#age").val()};

      ajax提交方法$.ajax({

      提交方式type:'post',

      提交路径url:'',

      接收返回的参数格式dataType:'json',

      提交的内容格式contentType:'application/json',

      序列化提交的对象data:JSON.stringify(objData),

      成功后执行的方法success:function(data){

      alert("数据发送陈宫");

      },

      失败后执行的方法error:function(){

      alert("失败");

      }

      })

      });

      })

    form表单提交

    $("#btn2").click(function(){

      $.ajax({

      type:'post',

      url:'student/to_formData',

      dataType:'json',

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

      success:function(data){

      alert("数据发送陈宫");

      },

      error:function(){

      alert("失败");

      }

      })

      });

    相关文章

      网友评论

          本文标题:2018-10-08jquery ajax使用

          本文链接:https://www.haomeiwen.com/subject/bpqjaftx.html