美文网首页
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