126JQajax-$.ajax()方法、发送jsonp、get、post、表单serialize=121、113

最新推荐文章于 2023-11-20 21:35:13 发布

教练我真的想敲代码

最新推荐文章于 2023-11-20 21:35:13 发布

阅读量144

点赞数

分类专栏： ajax Express 数据库文章标签： ajax

本文链接：https://blog.csdn.net/Gy_9543/article/details/107752745

版权

Express 同时被 3 个专栏收录

18 篇文章 0 订阅

订阅专栏

数据库

12 篇文章 0 订阅

订阅专栏

ajax

10 篇文章 0 订阅

订阅专栏

上图

jq封装好了ajax，想用可以直接调用
在这里插入图片描述
接受服务器端传递回来的数据如果是json可以省去转换的步骤
// response为服务器端返回的数据
// 方法内部会自动将json字符串转换为json对象

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>$.ajax方法基本使用</title>
</head>

<body>
	<button id="btn">发送请求</button>
	<script src="/js/jquery.min.js"></script>
	<script>
		$('#btn').on('click', function () {
			$.ajax({
				// 请求方式
				type: 'post',
				// 请求地址 同源会补全协议和端口
				url: '/base',
				// 请求成功以后函数被调用
				success: function (response) {
					// response为服务器端返回的数据
					// 方法内部会自动将json字符串转换为json对象
					console.log(response);
				},
				// 请求失败以后函数被调用
				error: function (xhr) {
					console.log(xhr)
				}
			})
		});
	</script>
</body>

</html>

serialize

在这里插入图片描述

jsonp

	$('#btn').on('click', function () {
			$.ajax({
				url: '/jsonp',
				// 修改callback名字向服务器端传递函数名字的参数名称【可选】
				jsonp: 'cb',
				//指定函数名称【可选】
				jsonpCallback: 'fn',
				// 代表现在要发送的是jsonp请求
				dataType: 'jsonp'/*,
				success: function (response) {
					console.log(response)
				}*/
			})
		});

get、post

在这里插入图片描述

教练我真的想敲代码

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
126JQajax-$.ajax()方法、发送jsonp、get、post、表单serialize=121、113

上图jq封装好了ajax，想用可以直接调用接受服务器端传递回来的数据如果是json可以省去转换的步骤// response为服务器端返回的数据// 方法内部会自动将json字符串转换为json对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>$.ajax方法基本使用</title></head><bod
复制链接

扫一扫

专栏目录