小鱼感谢各位 2023-03-28 21:31 采纳率: 66.7%
浏览 107
已结题

html里js获取php参数值不成功,帮改代码

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>用站长工具的IP查询API获取城市,判断地区跳转</title>


<?php $result = json_decode($re, true); $city = $result['Result']['City']; ?>
<input type="hidden" id="city" value="<?php echo $city; ?>">
</head>
<body>

<script>
$.ajax({
    url: 'server.php',//PHP地址是https://moli.kuaishou.niuka888.com/test/server.php 获取城市参数
    method: 'post',
    data: { city: $('#city').val() }
})
.done(function(result) {
    // 处理获取到的数据
});
var city = document.getElementById("city").value; // 获取城市名参数
if (city.indexOf("北京") >= 0 || city.indexOf("海口") >= 0) {
        location.href = "http://www.baidu.com";
    }
    function myFunction(){
    document.getElementById("demo").innerHTML=city;
    
}
</script>
<p><p><p>
用站长工具的IP查询API获取城市,判断地区跳转
<button onclick="myFunction()">点击这里显示城市</button>
<p id="demo"></p>
</body>

</body>
</html>
  • 写回答

6条回答 默认 最新

  • 「已注销」 2023-03-28 21:41
    关注

    我引用ChatGPT作答:在你的代码中,获取PHP参数值不成功的原因可能是因为JavaScript代码在获取城市名参数之前执行,导致获取到的城市名参数为空。为了解决这个问题,你可以将JavaScript代码放到PHP代码后面,或者在获取城市名参数之前先等待一段时间,等待异步请求完成后再执行JavaScript代码。

    下面是一个可能的修改版本:

    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <meta http-equiv="Cache-Control" content="no-transform" />
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <title>用站长工具的IP查询API获取城市,判断地区跳转</title>
        
        <?php $result = json_decode($re, true); $city = $result['Result']['City']; ?>
        <input type="hidden" id="city" value="<?php echo $city; ?>">
    </head>
    <body>
    
    <script>
    $(document).ready(function() {
        $.ajax({
            url: 'server.php',//PHP地址是https://moli.kuaishou.niuka888.com/test/server.php 获取城市参数
            method: 'post',
            data: { city: $('#city').val() }
        })
        .done(function(result) {
            // 处理获取到的数据
            var city = document.getElementById("city").value; // 获取城市名参数
            if (city.indexOf("北京") >= 0 || city.indexOf("海口") >= 0) {
                location.href = "http://www.baidu.com";
            }
        });
    });
    
    function myFunction(){
        document.getElementById("demo").innerHTML = $('#city').val();
    }
    </script>
    
    <p>用站长工具的IP查询API获取城市,判断地区跳转</p>
    <button onclick="myFunction()">点击这里显示城市</button>
    <p id="demo"></p>
    
    </body>
    </html>
    
    

    在上面的修改版本中,我们使用了 $(document).ready() 函数来确保 JavaScript 代码在 DOM 加载完成后执行。同时,我们把获取城市名参数和跳转逻辑放在了 Ajax 请求的回调函数中,以保证 JavaScript 代码在获取城市名参数之后再执行。

    此外,我们还修改了 HTML 标签中的一些格式问题,包括去掉了多余的

    标签和 标签。

    评论

报告相同问题?

问题事件

  • 系统已结题 4月5日
  • 修改了问题 3月28日
  • 创建了问题 3月28日

悬赏问题

  • ¥15 latex投稿显示click download
  • ¥15 请问读取环境变量文件失败是什么原因?
  • ¥15 在若依框架下实现人脸识别
  • ¥15 网络科学导论,网络控制
  • ¥100 安卓tv程序连接SQLSERVER2008问题
  • ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比,为什么Snetinel-2计算的结果最小值特别小,而Lansat8就很平均
  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?