json 数据格式、ajax与jsonp

最新推荐文章于 2022-08-11 15:06:43 发布
最新推荐文章于 2022-08-11 15:06:43 发布
阅读量60 收藏
点赞数
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sundanping_123/article/details/100516391
版权

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript">		
		$(function(){
 
			$.ajax({
			url:'data.json',
			type:'get',
			dataType:'json'
			})
			.done(function(dat){
				$('#username').html(dat.name);
				$('#userage').html(dat.age);

			})
			.fail(function(){
				alert('服务器超时！');
			})
		})	
	</script>
</head>
<body>
	<p>姓名：<span id="username"></span></p>
	<p>年龄：<span id="userage"></span></p>
</body>
</html>

当服务器没有打开时：
在这里插入图片描述
当打开服务器时：
在这里插入图片描述

小哦--
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax用jsonp方式跨域发送请求
随遇而安
01-04 2万+
Ajax用jsonp方式跨域发送请求
浅析json与jsonp区别及通过ajax获得json数据后格式的转换
12-04
有关json与jsonp的区别（json才是目的，jsonp只是手段）介绍如下所示： 一言以蔽之，json返回的是一串数据；而jsonp返回的是脚本代码（包含一个函数调用）； JSON其实就是JavaScript中的一个对象，跟var obj={}在质上完全一样，只是在量上可以无限扩展。简单地讲，json其实就是JavaScript中的对象(Object)和数组(Array，其实也是对象)这倆好基友在那儿你嵌我我嵌你地套上n多层，以此模拟出许多复杂的数据结构。 json易于人阅读和编写，也易于机器解析和生成，相对网络传输速率较高，功能型网站前后端往往要频繁大量交换数据，而json凭借其强大
前端使用ajax发送jsonp格式解决跨域访问的问题
LH9898的博客
03-03 2174
1.使用jsonp发送ajax请求 ajax发送jsonp格式一般类型要指定为get请求 //ajax跨域访问可以使用jsonp的格式 function test(){ $.ajax({ url: "http://192.168.1.204:8910/mobile/checkService", type: "get", dataType: 'j
记录ajax的jsonp类型请求
weixin_44524243的博客
08-11 466
常规的ajax请求，可以直接外层return后，就为异步，但是ajax的jsonp类型请求，直接外层return不为异步，得不到请求promiss结果。
jQuery（十一）json、ajax和jsonp（数据相关）
COOL66BOY的博客
03-14 1716
文章目录jsonajax异步和同步局部刷新和无刷新同源策略jQuery里使用ajax json json是JavaScript Object Notation 的首字母缩写，单词的意思是JavaScript对象表示法，这里说的json指的是类似于JavaScript对象的一种数据格式，目前这种数据格式比较流行，逐渐换掉了传统的xml数据模式。 JavaScript自定义对象 //javascript自定义对象 var oMan = {
通过jsonp获取json数据实现AJAX跨域请求
10-20
在AJAX中，JSON常被用作数据交换格式，因为它是轻量级的，且JavaScript原生支持解析和生成JSON对象。JSON的语法结构类似于JavaScript的对象和数组，使得它非常易于理解和使用。 在上述示例中，使用jQuery库实现了...
AJAX跨域请求之JSONP获取JSON数据
10-23
JSONP(JSON with Padding)是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。
ajax中datatype的json和jsonp
滴水石穿
10-21 5065
前言： 说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差...
json与jsonp区别浅析（json才是目的，jsonp只是手段）
weixin_33856370的博客
03-23 1065
一言以蔽之，json返回的是一串数据；而jsonp返回的是脚本代码（包含一个函数调用）； JSON其实就是JavaScript中的一个对象，跟var obj={}在质上完全一样，只是在量上可以无限扩展。简单地讲，json其实就是JavaScript中的对象(Object)和数组(Array，其实也是对象)这倆好基友在那儿你嵌我我嵌你地套上n多层，以此模拟出许多复杂的数据结构。 json易于人阅...
$("#name").html("");是什么意思
coding_1994的博客
10-14 1万+
jquery的语法，给id为name的dom标签赋值为空;相当于基本语法的innerHTML=""; 例子：&lt;div id=name&gt;&lt;p&gt;how do you do！&lt;/p&gt;&lt;/div&gt; $("#name").html(""); 之后 &lt;div id=name&gt;&lt;/div&gt;
jquery ajax跨域请求获取返回值(jsonp格式)
热门推荐
菜菜De学习
01-09 3万+
jquery ajax跨域请求获取返回值(jsonp格式) 1.struts2 2.jquery ajax function loginCheck(){ var userName=$("#Ecom_User_ID").val(); var password=$("#Ecom_Password").val(); alert(userName); var mydata={Eco
ajax中的JSONP的传输格式详解
Lemon_MY的博客
07-18 807
jsonp：用来进行跨域请求数据。请求域服务器要动态生成JSON文件，把客户端需要的数据装入进去，返回给客户端一个json对象，客户端获取里面的数据。 详细文章地址：https://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html 详细文章地址：https://blog.csdn.net/qq_39850969/...
animate动画
sundanping_123的博客
09-02 5044
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></s...
绑定click事件、获取元素索引值
sundanping_123的博客
09-02 1303
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></s...
bootstrap路径导航、下拉菜单
sundanping_123的博客
09-04 766
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,...
移动端js事件和库（zepto库、swiper.js插件）
sundanping_123的博客
09-03 536
使用swiper 做幻灯片切换，代码太长，只写swiper段： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, init...
栅格隐藏
sundanping_123的博客
09-03 517
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, ...
bootstrap图片、字体图标、巨幕、导航条
sundanping_123的博客
09-04 512
导航条： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale...
swiper参数设置
sundanping_123的博客
09-03 502
这里是一一对应的。
JSON与JSONP原理与实战应用详解
首先，我们从它们的引入背景说起，JSON作为Ajax中用于数据交换的标准格式，它的核心在于提供一种轻量级的数据交换方式，具有易于阅读、跨平台支持、易于编写和解析等特点。JSON数据由键值对构成，分为两种数据结构：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值