• 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>
    

  • 相关阅读:
    面向对象编程思想概览(三)继承
    面向对象编程思想概览(二)封装
    面向对象编程思想概览(一)类和对象
    微软原版WINDOWS10-LTSB-X64位操作系统的全新安装与优化
    IntelliJ IDEA下SVN配置及使用
    Navicat for MySQL导入.sql文件
    IntelliJ IDEA中使用Git
    Git 下载、安装与SSH配置
    Access denied for user 'root'@'localhost' (using password:YES)解决方法
    Navicat for MySQL下载、安装与破解
  • 原文地址:https://www.cnblogs.com/wangbiwei/p/5651979.html
Copyright © 2020-2023  润新知