码迷,mamicode.com
首页 > Web开发 > 详细

使用Ajax提交表单

时间:2017-04-23 20:45:13      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:keyword   number   提交表单   class   mit   type   jquery   div   test   

HTML代码:

<form id="formTest">

  <select name="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select name="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select>
  <input type="checkbox" name="check" value="check1"/> check1
  <input type="checkbox" name="check" value="check2" checked="checked"/> check2
  <input type="radio" name="radio" value="radio1" checked="checked"/> radio1
  <input type="radio" name="radio" value="radio2"/> radio2
</form>
<input type="button" id="submit" value="提交">
JQuery代码:
$(function() {
    $(‘#submit‘).click(function() {
        $.ajax({
            url: ‘你的提交url地址‘,
            type: ‘post‘,
            dataType:‘json‘
            data: $("#formTest").serializeArray(),
            success: function(msg) {
            }
        });
    });
});

使用Ajax提交表单

标签:keyword   number   提交表单   class   mit   type   jquery   div   test   

原文地址:http://www.cnblogs.com/yt4561761/p/6753817.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!