zoukankan      html  css  js  c++  java
  • jQuery访问json文件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
    <title>json</title>
    <script src="json.js"></script>
    <script src="js/jquery-3.0.0.min.js"></script>
    <link rel="stylesheet" href="css/Imwang.css"/>
    <script type="text/javascript">
    
    /**
    jquery 访问json文件;
    */
    /*function load(){
    	$(document).ready(function() {
       
            $.getJSON("网址.json",function(data){  
                var show = $("#显示内容");  
                var strHtml = "";//存储数据的变量  
                show.empty();//清空内容  
                $.each(data,function(infoIndex){
                      strHtml += '<dt><A onclick="点击链接()" HREF="' + this["href"] + '" LAST_CHARSET="UTF-8">' + this["name"] + "</A></dt>";
    				  strHtml += "<dd>" + this["description"] + "</dd>";
    				  strHtml += "<dd>" + this["访问次数"] + "</dd>";
    				  strHtml += "<br /><hr />";
                    });  
                show.html(strHtml);//显示处理后的数据     
                });   
    		});
    	}*/
    
    /**
    ajax 访问json文件
    */
    function load1(){
    	$(document).ready(function() {
       		$.ajax({
    			//请求方式;
    			type:"get",
    			//json文件;
    			url:"网址.json",
    			//返回数据类型;
    			dataType:"json",
    			//回调方法;
    			success:function(data){
    				var show = $("#显示内容");  
                	var strHtml = "";//存储数据的变量  
                	show.empty();//清空内容  
    				$.each(data,function(infoIndex){
    					  strHtml += '<dt><A onclick="点击链接()" HREF="' + this["href"] + '" LAST_CHARSET="UTF-8">' + this["name"] + "</A></dt>";
    					  strHtml += "<dd>" + this["description"] + "</dd>";
    					  strHtml += "<dd>" + this["访问次数"] + "</dd>";
    					  strHtml += "<br /><hr />";
    					});
    				show.html(strHtml);//显示处理后的数据     
    			}
    		});
    	});
    }
    </script>
    </head>
    <body onload="load1()">
    
    
    <div id="divframe">
        <div id="显示内容"></div>
    </div>
    </body>
    </html>
    

  • 相关阅读:
    常用记录
    golang学习笔记之UDP:server端与client端
    golang学习笔记之tcp简单实现:server端与client端
    golang学习笔记之channel
    golang学习笔记之单元测试和压力测试
    Ubuntu 18.04桌面版安装
    Nas服务器使用xampp修改端口号
    Laravel使用Supervisor管理linux自动队列
    php 设计模式学习笔记之单例模式
    终极二分查找--传说十个人写九个有bug
  • 原文地址:https://www.cnblogs.com/wangbiwei/p/5651979.html
Copyright © 2011-2022 走看看