js+json通讯

灰太狼 2022-08-27 13:43 119阅读 0赞

<html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    	<script type="text/javascript" src="jquery-1.11.1.js"></script>
    	<script type="text/javascript">
    	$(document).ready(function(){
    	  $("button").click(function(){
    	  	//ajax
    	  	/*$.ajax({
    			url: "data.json",
    			type: "GET",
    			timeout: 5000,
    			cache: false,	    		    
    		    success:function(result) {
    		    	var lg=result.length;	
    	    		alert(result[0].firstName);
    		    },
    		    beforeSend: function() {//调用ajax之前执行
    		      alert("start");
    		    },		    
    		    complete: function() {//调用ajax之后执行
    		      alert("end")
    		    },
    		    error: function() {
    		      alert("call failed");
    		    },
    		    dataType: "json"
    		});*/
    
    	  	//getJSON
    	    /*$.getJSON("data.json",function(result){
    	    	var lg=result.length;	
    	    	alert(result[0].firstName)
    	      	$.each(result,function(i, field){
    	        	$("p").append(field.firstName+"+");
    	      	});
    	    });*/
    
    	  	$.post("data.json",function(result){
    	    	var lg=result.length;
    	    	alert(result[0].firstName);
    	      	/*$.each(result,function(i, field){
    	        	$("p").append(field.firstName+"+");
    	      	});*/
    	    },'json');
    
    	  });
    	});
    </script>
    </head>
    
    <body>
    
    <button>获得 JSON 数据</button>
    <p></p>
    
    </body>
    </html>

[{
      "firstName": "Bill",
      "lastName": "Gates",
      "age": 60
    },
    { 
      "firstName": "Nickro",
      "lastName": "Zhang",
      "age": 28
    }]

[demo下载地址][demo]

[demo]: http://download.csdn.net/detail/u010730458/7471153

发表评论取消回复

表情：

评论列表（有 0 条评论，119人围观）

还没有评论，来说两句吧...

相关阅读

相关 reactjs组件通讯：兄弟组件通讯

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5a2m5Lqu57yW56iL5omL6K

红太狼/ 2023年10月01日 16:55/ 0 赞/ 27 阅读

相关通讯协议与即时通讯

推送服务一般有三种实现方式： 1.轮询方式客户端不断的查询服务器，检索新内容。这种方式的缺点十分明显，如果轮询频率过快，会大量消耗网络带宽和电池； 2.长连接

r囧r小猫/ 2023年06月26日 05:50/ 0 赞/ 24 阅读

相关即时通讯基础

即时通讯系列阅读 1. [即时通讯基础][Link 1] 2. [即时通讯：XMPP基础][XMPP] 3. [即时通讯：XMPP项目实践-微聊][XMPP_-]

川长思鸟来/ 2022年09月29日 14:59/ 0 赞/ 391 阅读

相关学生通讯系统

这是一个学生通讯系统管理头文件book1.h struct Book \{ char name\[8\]; char sex\[2\]; int num;

拼搏现实的明天。/ 2022年09月18日 11:42/ 0 赞/ 159 阅读

相关 Https通讯原理

https是基于安全目的的Http通道，其安全基础由SSL层来保证。最初由netscape公司研发，主要提供了通讯双方的身份认证和加密通信方法。现在广泛应用于互联网上安全敏感

布满荆棘的人生/ 2022年08月18日 11:51/ 0 赞/ 187 阅读

相关 flash sokect 通讯

package net \{ import flash.events.Event; import flash.events.EventDispatc

Dear 丶/ 2022年08月09日 11:54/ 0 赞/ 112 阅读

相关 UDP简单通讯

发送信息 include <WinSock2.h> include <iostream> pragma com

灰太狼/ 2022年08月03日 15:40/ 0 赞/ 182 阅读

相关网络通讯原理

计算机网络采用层次性的结构模型，将网络分成若干层次，每个层次负责不同的功能。每一个功能层中，通信双方都要共同遵守相应的约定，我们把这种约定称为协议。网络协议就像网络通信中的共同

╰半夏微凉°/ 2022年06月12日 13:17/ 0 赞/ 193 阅读

相关 Spark 通讯架构

3.Spark 通讯架构 3.1 Spark 通信架构概述　　Spark2.x 版本使用 Netty 通讯框架作为内部通讯组件。spark 基于 netty 新的

小咪咪/ 2021年12月01日 18:34/ 0 赞/ 266 阅读

相关 java 网络通讯

(一)大家好，这篇博客小编给大家讲解java 网络通讯相关的知识。 1.网络通讯的三个要素： IP地址端口号协议 2.网络通讯的协议 TCP：

雨点打透心脏的1/2处/ 2021年09月22日 09:02/ 0 赞/ 310 阅读