$.ajax(),ajax请求及模板引擎

  1. get请求
    $.get(url, [data], [callback]) [ 中括号 ] 表示非必选
    url是请求服务器资源的地址
    [data]请求参数,告诉服务器,需要的信息
    [callback] 请求成功后的回调函数

  2. post请求
    $.post(url, [data], [callback], [datatype])
    [datatype] 数据类型

  3. ajax请求
    基本语法:

$.ajax({
    
    
		type: '',
		url: '',
		data: {
    
    },
		success: function(res) {
    
    }
		})
  1. 修改和配置ajax选项
$.ajaxPrefilter(function(options) {
    
    
	// 修改URL
	options.url = '',
	// 设置请求头
	options.headers= {
    
    }
	})
  1. jquery中收集表单数据的方法

    用以下方法,form表单各项必须有name属性,根据name收集,并且使用以下方法得到的结果,可以直接作为ajax请求的data使用

$('form').serialize()	// 得到一个字符串类型的数据 --> 	bookname=aaa&author=bbb
$('form')serializeArray()	// 得到一个数组
  1. 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 | 函数名}}

猜你喜欢

转载自blog.csdn.net/m0_49159526/article/details/107327455