AJAX第二天笔记

AJAX day1

jquery中的ajax

拦截请求: $.ajaxPrefilter()

 jquery方法请求参数的本质:

无论我们填写的何种形式的参数，都会被jQuery转换成查询字符串形式传递到服务器，因为底层支持查询字符串形式的参数，而不支持字面量对象和数组形式。

---

表单项

action 表示提交地址(表示表单中的数据要提交到哪个地方去)

按钮:

---

serialize和serializeArray方法

<form>
<!-- 把所有的框框、按钮都放这里面 -->

<input type="text" name="bookname" /><br />

<input type="password" name="pwd" /><br />

<input type="radio" name="sex" value="nan" checked />男
<input type="radio" name="sex" value="nv" />女<br />

<select name="address">
<option value="bj">北京</option>
<option value="sh">上海</option>
</select><br />

<button>提交</button>
</form>

接下来，就可以使用 serialize() 或者 serializeArray() 方法 获取全部的值了，代码如下

// 监听表单的 submit 事件 （表单提交时触发）
$('form').on('submit', function (e) {
    // 一定阻止表单提交，否则页面会跳转；默认跳转到当前页面，感觉和刷新一样
    e.preventDefault();
    // 保证页面不会跳转，接下来使用 serialize 获取表单数据
    var str = $(this).serialize();
    var arr = $(this).serializeArray();
});