Javascript范围和顺序问题

时间:2016-08-08 10:00:51

标签: javascript php jquery asynchronous

我想从查询中获取一个id并在html中显示它。

我希望将内容保存在单独的javascript文件中,因为将来它会从php检索json并根据一些复选框,单选按钮等对其进行过滤,然后显示结果。

在这一刻,我得到一个空白页面,并且没有显示id值,所以我做错了。

http://localhost:10600/js1/index.php?id=5

的index.php

<html>
<head>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
</head>
    <body>
        <div class="results"></div>
    </body>
</html>

<script type="text/javascript" src="config.js"></script>
<script type="text/javascript" src="display.js"></script>
<script type="text/javascript" src="sequence.js"></script>

config.js

function getId() {
    id = "<?php echo $_GET['id']; ?>";
}

display.js

function updateHtml() {
window.onload = function() {
    document.querySelector('.results').innerHTML = id;
}
}

sequence.js

function seq()
{
    getId();
    updateHtml();   
}
seq();

3 个答案:

答案 0 :(得分:1)

请尝试以下方法: 的的index.php

<html>
<head>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
</head>
    <body>
        <div class="results"></div>
    </body>
</html>

<script type="text/javascript">
var id;
function getId() {
    id = "<?php echo $_GET['id']; ?>";
}

</script>
<script type="text/javascript" src="display.js"></script>
<script type="text/javascript" src="sequence.js"></script>

答案 1 :(得分:1)

 AbstractChosen.browser_is_supported = function() {
    if ("Microsoft Internet Explorer" === window.navigator.appName) {
      return document.documentMode >= 8;
    }
    if (/iP(od|hone)/i.test(window.navigator.userAgent) || /IEMobile/i.test(window.navigator.userAgent) || /Windows Phone/i.test(window.navigator.userAgent) || /BlackBerry/i.test(window.navigator.userAgent) || /BB10/i.test(window.navigator.userAgent) || /Android.*Mobile/i.test(window.navigator.userAgent)) {
      //return false;  <---- HERE
    }
    return true;
  };

返回一个对象{param:value}

答案 2 :(得分:1)

在body中的index.php中你可以这样做

<input type="hidden" name="hidden_id" id="hidden_id" value="<?=$_GET['id']?>">

在JS中:

如果您使用的是jQuery,那么您应该这样做。

$(document).ready(){ 
    var strHiddenId = $("#hidden_id").val();
    $(".results").html(strHiddenId);
}