** 一、jQuery中发起Ajax请求的三种方法:**
** 简介:**
** 1、$get():功能单一,专门用来发起get请求,从而将服务器上的资源“请求”到客户端来进行使用。**
** 2、$post():功能单一,专门用来发起post请求,从而向服务器“提交”数据。**
** 3、$ajax():是一个功能比较综合的函数,它允许我们队Ajax请求进行更详细的配置。**
** 二、使用方法(语法)**
:
** 1、$.get(url,[data],[callback]) => url(String):要请求的资源地址(url是必选的) data(object):请资源期间要携带的参数 callback(function):请求成功时的回调函数。**
** 2、$.post(url,[data],[callback]) => url(String):要请求的资源地址(url是必选的) data(object):请资源期间要携带的参数 callback(function):请求成功时的回调函数。**
** 3、$.ajax({**
** type: '', // 这是请求的方式,例如 GET POST**
** url: '', //请求的url地址**
** data: {} //这次请求要携带的数据**
** success: function (res) {} //请求成功之后的回到函数**
** })**
<title>使用ajax发起post请求</title>
<script type="text/javascript" src="code.jquery.com_jquery-3.7.0.min.js"></script>
</head>
<body>
<button id="btnPOST">点击使用ajax发送POST请求</button>
<script type="text/javascript">
// 入口函数
$(function() {
// 获取事件,绑定事件代码
$('#btnPOST').on('click',function() {
// 事件代码就是触发后执行的请求添数据代码了
$.ajax({
type: 'POST',
url: 'http://ajax-api.itheima.net/api/books',
data: {
// 提交给服务器的数据
bookname: '水浒传',
author: 'shinaia',
publisher: '上海图书出版社'
},
// 输出,打印回调函数(请求服务器后:操作后的结果都返回给“回调函数”,然后控制台打印回调函数)
success: function(result) {
console.log(result)
}
})
})
})
</script>
服务器返回请求的结果:
版权归原作者 Forever_Hopeful 所有, 如有侵权,请联系我们删除。