-
get请求
$.get(url, [data], [callback]) [ 中括号 ] 表示非必选
url是请求服务器资源的地址
[data]请求参数,告诉服务器,需要的信息
[callback] 请求成功后的回调函数 -
post请求
$.post(url, [data], [callback], [datatype])
[datatype] 数据类型 -
ajax请求
基本语法:
$.ajax({
type: '',
url: '',
data: {
},
success: function(res) {
}
})
- 修改和配置ajax选项
$.ajaxPrefilter(function(options) {
// 修改URL
options.url = '',
// 设置请求头
options.headers= {
}
})
-
jquery中收集表单数据的方法
用以下方法,form表单各项必须有name属性,根据name收集,并且使用以下方法得到的结果,可以直接作为ajax请求的data使用
$('form').serialize() // 得到一个字符串类型的数据 --> bookname=aaa&author=bbb
$('form')serializeArray() // 得到一个数组
- ajax请求回来的数据怎么跟页面视图结合起来呢?需要用到模板引擎
1.加载template-web.js文件
2.设置模板
3.有数据了(ajax请求回来的),调用template函数,结合模板和数据
template(‘id’,data)
4.模板内容中的模板语法
1.原样输出 { {@title}}
2.直接输出 { {name}}
3.条件判断 { {if 条件}}xxx{ {else}}xxx{ {/if}}
4.循环
{ {each 变量 val key}} val指数组中的值,key是下标
{ {/each}}
5.过滤器
template.defaults.imports.函数名 = function(x){
// x是原本要输出的值
return 最终输出的值
}
模板中使用过滤器 { {data | 函数名}}