Javascript(七十五)jquery的ajax和cookie

JQ的cookie使用

下载jquery.cookie.js文件 下载地址:https://plugins.jquery.com/cookie/

$.cookie() (与我们之前封装的cookie函数类似,可以看我之前的博客,有讲cookie使用)

$.cookie(name) 取值

$.cookie(name,value) 设置cookie 键名和键值

$.cookie(name,value,option) 设置cookie 键名和键值以及cookie可选项,option必须是对象

$.removeCookie(key) 删除name=key的cookie项
在这里插入图片描述
JQajax使用 (ajax使用 博客:https://editor.csdn.net/md/?articleId=117867985)

以下最好在服务器上加载,要么就去使用hbuild-x编程。

$.ajax()

参数:对象 type:‘请求方式’ ,url:‘请求地址’ data:‘提交的数据’ success:成功回调函数,error :失败回调函数 等等…大家可以去看一下w3school里的相应参数。

成功回调函数设置形参

success:function(data,status,xhr) {} data:请求成功的数据 statusText:请求的状态(success/fail) xhr:ajax对象
在这里插入图片描述
整合JSONP跨域请求问题。(Jsonp使用)

参数:dataType:‘jsonp’
在这里插入图片描述
返回的数据返回自动json对象格式
在这里插入图片描述
.load方法

第一个参数:请求数据的地址

第二个参数:回调函数(data,statusTxt,xhr){} 与$.ajax()成功回调函数用法一样

将ajax请求回来的数据,显示在页面当中。并且自动的解决跨域使用JSONP跨域请求数据。底层实现的方法还是$.ajax。
在这里插入图片描述
两者都是等价的
在这里插入图片描述
在这里插入图片描述
$().load()在输入请求路径的时候,可以添加选择器(选择器和地址之间用空格隔开),将符合选择器的数据插到指定的元素上。
在这里插入图片描述
$.get()

第一个参数:请求数据的地址

第二个参数:回调函数(data,statusTxt,xhr){} 与$.ajax()成功回调函数用法一样

请求数据:
在这里插入图片描述
提交数据:
在这里插入图片描述
在这里插入图片描述
$.post()

第一个参数:请求数据的地址

第二个参数:回调函数(data,statusTxt,xhr){} 与$.ajax()成功回调函数用法一样
在这里插入图片描述
提交数据
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值