zoukankan      html  css  js  c++  java
  • ajax中网页传输(二)JSON——下拉列表显示练习

    以json返回数据类型显示“民族下拉列表”

    第一:body页面显示部分

    <title>JSON下拉显示Nation表中的数据</title>
    <script src="jquery-2.0.0.min.js"></script>
    </head>
    <body>
    <h1>用下拉显示Nation表中的数据</h1>
    <select id="sel">
    </select>
    </body>
    

      

    第二:jscrip中ajax后台函数运行部分

    <script type="text/javascript">
    $(document).ready(function(e) {
        
    		$.ajax({
    	      url:"chuli.php",
    		  dataType:"JSON",
    		  success: function(data){
    			  
    			  var str="";
    			  
    			  for(k in data)
    			  {
    				  str+="<option value='"+data[k][0]+"'>"+data[k][1]+"</option>";
    			  }
    			  $("#sel").html(str);
    			  }
    	
    	});
    })
    
    </script>
    

      

    第三:后台调用数据库chuli.php代码

    <?php
       include("DBDA.class.php");
       $db=new DBDA();
       
       $sql="select * from nation";
       $attr=$db->Query($sql);
       
       echo json_encode($attr);  //json_encode()将数组直接转化为json形式
    

      json_encode()函数可以理解为将数组转化为json形势

    json定义形式{key1:value1,

                        key2:value2,

                        key3:value3.....}

  • 相关阅读:
    day4
    day3
    day2
    day1
    spring-boot-note
    spring-boot-cli
    jquery ajax rest invoke
    spring-boot
    docker mysql
    jpa OneToMany
  • 原文地址:https://www.cnblogs.com/zst062102/p/5510469.html
Copyright © 2011-2022 走看看