ajax url 路径怎么写_关于前端如何使用ajax 向后端发送请求拿数据(新手篇)

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地址就行