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吧。

    。。

    无语。




  • 相关阅读:
    22.渐进式框架的理解
    21、Vue组件间通信6种方式(网上找视频看)
    20、vue中如何使用event对象
    19.vue组件中data为什么必须是一个函数
    18、Vue.js中this.$nextTick()的使用
    17.v-on可以监听多个方法吗
    16.分别简述computed和watch的使用场景
    15. 请说出vue.cli项目中src目录每个文件夹和文件的用法
    13、vue中v-model的应用及使用详解(看链接)
    eclipse编码问题
  • 原文地址:https://www.cnblogs.com/yfceshi/p/6940551.html
Copyright © 2011-2022 走看看