JQurey 中$.ajax()方法参数详解

前言

感觉这片的内容特别的重要,所以分享给大家,前台跟后台的交互主要起作用的就是Ajax,所以他很重要,ajax属于异步更新,他主要的体现是比html5可以动态的更新页面,而且还是异步加载的方法,让用户体验会更好,对于用户看的到的优点就是异步刷新,但是对于我们来说必须知道内部机制


Ajax参数

·1.Url:表示string的参数,他表示向后台发送的地址请求
·2.Type:表示请求get或者是post,在这里我需要详细介绍一下get和post:get的用户是查询,post主要是修改,对于安全来说get比post安全,因为他只进行查询,并没有进行操作,但对于安全性来说get没有post的安全,因为get在请求的时候会把返回的信息保存在浏览器cookies中,所以导致不安全,而且可能会遭受到攻击,所以相对来说post的安全性比get高。其实我们也有其他的请求方式:delet和put,但是由于post和get能解决我们大部分的问题,所以直接使用get和post的就可以


具体实现:get和post在传递参数的时候是不同的,get会在地址后面直接加上参数,但是post不会吧参数放到地址后面,他是直接传输过去,所以get会限制传输但是post不会限制,在服务器端获取get的代码。Request.querystring post获取为Request.form


·3.async:表示标志位同步还是异步,如果为true则是异步,如果为false表示同步
·4 .Cache 表示Boolean类型的参数,默认为true,当dataType为scrpt时默认为false,设置false不会从浏览器缓存中加载请求信息

·5.data 表示要求为object或者string类型,如果已经不是字符串将自动转换为string类型

·6.dataType
要求是string类型的,但是如果不指定那么jquery将自动根据http包返回responsexml或responseText并作为回调函数参数传递

类型如下:

1. xml返回:xml
2. html,返回的是html,
3. 它是通过Dom元素然后进行的操作,
4. script:返回纯JavaScript代码,不会自动缓存结果,除非设置cache参数,
5. json,返回json数据

·7.success:要求为Function类型的参数,表示请求完成之后回调函数的成功与失败


代码

$.ajax({
type:"Post",
url:'/attribute/addFufen'
data:fufenmodel,
success:fuction(data){
if (data == 'True') {
$.messager.show({
title: '提示',
msg: '用户信息添加成功',
timeout: 5000,
showtype: 'slide',
});
})


总结

不断的总结与收获知识,不论是从宏观和是微观都要做一个整体的把控,不过还是要在项目中不断的去应用才可以产生共鸣,原来原有这种感觉了!既然有这种感觉那就去干!

你可能感兴趣的:(JavaScript)