1 需要工具 引入JQuery 这个是使用远程的地址 也可以使用本地引入<scriptsrc="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
2 需要一个后端的接口 接收数据,并且返回
有以上的东西即可
JQuery 发送ajax 分为5步走 记住即可
1 传输的 url 也就是所谓的数据往哪个地址拿数据
2 type 请求的类型 比如 有post put get delete
3 data data 顾名思义也就是所谓的要传输的数据给后端 如果没有可以不写
4 dataType:'json' 如果Php端声明了json返回,那么js端可以不用写dataType="json";如果Php端没有声明json返回,那么js端必须写dataType="json";
5 success 发送数据之后成功的回调函数
实例
首先 写一个
$(function(){
// 这个里面 做 一个点击绑定一个点击事件 绑定了点击事件 然后 发送ajax
$('.del').click(function(){
var id = $(this).val(); // 获取一个id 值 我这个后端需要这个id值 所以需要传过去 如果你们的不需要id值 就可以不做此步骤
// .del 是一个class 类名 下面有截图 不知道的可以瞅瞅
// 绑定点击事件就可以进行发送ajax 写到这里来 后面就是五步走了
$.ajax({
'url':"{:url('home/shop/delete')}",
'type':'delete',
'data':'id='+id,
'dataType':'json',
'success':function (res) {
alert("删除成功哟!如果没有反应尝试刷新一下页面哟!")
}
})
})
})
图文解释
上图的"{:url('是tp的写法')}" 这种情况 看一下你的请求地址是怎么样的 正常写url地址就行