zoukankan      html  css  js  c++  java
  • php 二维数组传递给 js 问题解决记录

    需求:

    php从数据库中读取到二维数组,传递到js中


    实现步骤:

    php:json_encode  →   json  →  js:eval

    即在php中使用json_encode()将php的二维数组转化成json格式,传递到js中。使用eval()解析得到js的二维数组。


    代码:

    php:

    <?

    php header("Content-Type: text/html; charset=utf8") ; $con=mysqli_connect("url","name","password","databasename"); // Check connection if (mysqli_connect_errno($con)) echo "Failed to connect to MySQL: " . mysqli_connect_error(); mysqli_query($con,"set character set 'utf8'"); mysqli_query($con,"set names 'utf8'"); $json_arr = array(array("a","b","c",1,2,3),array("q","w",1,2)); $jsonstr = json_encode($json_arr); ?

    > var json=<?=$jsonstr?>;


    
    js:
    

    <script type="text/javascript" src="http://.../test.php"></script>
    <script language="javascript" type="text/javascript">	    
    	$(document).ready(function(){
    	    var jsonstr =eval(json);
    	    for(var k=0;k<jsonstr.length;k++){
                   for(var i=0;i<jsonstr[k].length;i++)
                      alert(jsonstr[k][i]);
                }
            })
    </script>
    

    遇到的问题:

    1.php中二维数组使用json_encode()转化成json时。第二维数组能够echo出来。可是转化成json为空。

    到网上查资料确定问题是第二维数组中含有非utf8编码。

    果然,我把二维数组中第二维数组互换位置,变成第一个数组的json为空了。

    结论:json_encode()能够转化多维数组,可是基本要求是编码为utf8。遇到多维数组中某一子数组转化json为null,极有可能使这一子数组中含有编码不是utf8的元素。


    2.wamp mysql 在phpmyadmin中看到数据表内容是正常汉字,可是用php读取出来打印发现汉字都变成?了。

    数据库中各个表的整理方式都是utf8_general_ci。php文件里也声明了

    header("Content-Type: text/html; charset=utf-8") ;
    ...
    mysqli_query($con,"set character set 'utf-8'");
    mysqli_query($con,"set names 'utf-8'");
    这些代码我一直是这么用的(之前用的是wamp低版本号,还是用的mysql_query,如今报错说废弃了,就改成了mysqli),之前也没出现过中文变成?的情况。网上一查,原来是utf-8与utf8这个地方。。。

    应该是这样:

    header("Content-Type: text/html; charset=utf8") ;
    ...
    mysqli_query($con,"set character set 'utf8'");
    mysqli_query($con,"set names 'utf8'");
    结论:mysql中还是使用utf8吧。

    。。

    无语。




  • 相关阅读:
    CSS3 Animation
    css形状大全
    HTML5 表单属性
    HTML5 Input 类型
    HTML 5 服务器发送事件
    jq制作博客已存在多少天
    Java网络编程与NIO详解4:浅析NIO包中的Buffer、Channel 和 Selector
    Java网络编程和NIO详解3:IO模型与Java网络编程模型
    Java网络编程与NIO详解2:JAVA NIO 一步步构建IO多路复用的请求模型
    Java网络编程和NIO详解1:JAVA 中原生的 socket 通信机制
  • 原文地址:https://www.cnblogs.com/yfceshi/p/6940551.html
Copyright © 2011-2022 走看看