如何转换和传输PHP变量数据使用JSON到HTML页面的Javascript

时间:2017-02-13 09:10:59

标签: javascript php html mysql json

我似乎无法弄清楚如何将以下PHP变量转换为HTML:

$persondata = "<div id='teach'><h3>Name: " . $row["fname"]. "<br>User Name: " . $row["username"]. "</h3><p>Password: " . $row["upass"]. "</p></div><br>";

我想将完全数据传递到我的HTML页面,以便我可以使用JavaScript的getElementById函数将其插入到选定的数据字段中。

我问了一个类似的问题here,它帮助我找出了我需要的一些逻辑,但我无法解决这个方程式。

如果你能告诉我一个简单的方法,我会非常感激,因为我甚至不知道要搜索的关键词。

3 个答案:

答案 0 :(得分:0)

javaScriptVar等于php变量的php中的echo。

那就是把php放在js中

{{1}}

将上面的PHP var放入js。

答案 1 :(得分:0)

继续以上回答:

那就是把php放在js中

<script type="text/javascript">
//Your JS

var jsvar = <?php echo $persondata; ?>;

//Your JS
</script>

将上面的PHP var放入js。

如果要将数据从服务器中的PHP脚本传输到客户端HTML页面以便在js中使用。如下所示。

  1. 首先以数组形式获取PHP中的所有数据并使用json_encode(),然后使用echo该变量。
  2. 现在在客户端HTML使用jQuery.ajax()并将请求发送到服务器中的该PHP文件。
  3. 当您在Json中有响应时,使用js将其分段并追加 无论你想要什么。
  4. 以上是使用JS将数据从PHP发送到HTML页面的基本过程。

答案 2 :(得分:0)

希望以下代码可以帮助您:

app.service('hexafy', function () {
        return {
            years_city: function (input2, years) {

                if (years.toLowerCase() == "all") {
                    years = "2012,2013,2014,2015,2016,2017,2018,2019";
                }

                var yrs = years.split(",");
                output = {};
                outerBoundary = {};
                boundary = {};
                boundary["boundaryId"] = input[0]["id"];
                boundary["boundaryType"] = input[0]["type"];
                boundary["boundaryRef"] = "C1";
                outerBoundary["boundary"] = boundary;
                output["boundaries"] = outerBoundary;
                themes = [];
                for (var i in input) {
                    crimeTheme = {};
                    crimeThemeValue = {};
                    crimeThemeValue["boundaryRef"] = "C1";
                    result = [];
                    for (var j in input[i]["prediction"]) {
                        dict = {};
                        if (yrs.indexOf(input[i]["prediction"][j]["year"]) > -1) {
                            dict["name"] = input[i]["prediction"][j]["year"] + " " + input[i]["crime"] +
                                " Crime";
                            dict["description"] = input[i]["crime"] + " Crime for " + input[i]["prediction"]
                                [j]["year"];
                            dict["value"] = input[i]["prediction"][j]["count"];
                            dict["accuracy"] = input[i]["accuracy"];
                            result.push(dict);
                        }
                    }
                    crime = input[i]["crime"].toLowerCase() + "CrimeTheme";
                    crimeThemeValue["individualValueVariable"] = result;
                    console.log('crimeThemeValue["individualValueVariable"]', crimeThemeValue[
                        "individualValueVariable"]);
                    crimeTheme[crime] = crimeThemeValue;
                    themes.push(crimeTheme);
                    console.log("themes", JSON.stringify(themes));
                }
                output["themes"] = themes;
                console.log(output);
                return output;

            }
        }
    })