简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - ajax的$.get请求php不稳定
阿神
阿神 2017-06-05 11:07:32
0
4
603

html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h3>问卷调查</h3>
    <form action="#" id="forme">
        <p>姓名:<input type="text" id="username" name="username"></p>
        <p>性别:<input type="text" id="sex" name="sex"></p>
        <button id="send">提交</button> 
    </form>
    
    <hr>
    <!-- 内容展示区域 -->
    <p class="show">
    </p>
</body>
<script src="../jquery.js"></script>
<script type="text/javascript">
    $(function() {
        $('#send').click(function() {
            // $.get(url, args, callback, type)
            $.get(
                // url
                'ser.php',
                
                // args参数
                // { username:$('#username').val(),sex:$('#sex').val()},
                $('form').serialize(),
                
                // 载入数据成功 回调函数 
                function(data, textStatus) {
                    // 填入数据data
                    console.log(data, textStatus)
                    $('p.show').html(data)
                }
            )
        })
    })
</script>
</html>`

php文件

<?php
  header("Content-Type:text/html; charset=utf-8");
  echo "
    <h3>姓名:{$_REQUEST['username']}</h3>
    <p>性别:{$_REQUEST['sex']}</p>
  ";
?>

问题1: 回调函数console.log(data),可以打印出来,但是$('p.show').html(data)这一步运行成功的概率很低,有一下每一下的,抽风一样.

问题2: 控制台network(谷歌),请求的ser.php,并不是总能请求到.抽风...

跪求......

阿神
阿神

闭关修行中......

全部回复(4)
为情所困
为情所困2017-06-05 11:09:32 4 楼

用了你写的代码测试了下，没什么问题，一点风都不抽。那就奇怪了！

点赞 +0
添加回复
小葫芦
小葫芦2017-06-05 11:09:32 3 楼

查 PHP 的日志。

点赞 +0
添加回复
过去多啦不再A梦
过去多啦不再A梦2017-06-05 11:09:32 2 楼

代码看起来没问题，实际运行也没有问题。

建议检查一下浏览器的代理、插件等与当前连网环境

如果是开发环境可以尝试更换开发环境测试，生产环境请检查系统配置、防火墙等是否有问题。

点赞 +0
添加回复
淡淡烟草味
淡淡烟草味2017-06-05 11:09:32 1 楼

控制台network(谷歌),请求的ser.php,并不是总能请求到.

get请求，如果每次请求的地址一样，浏览器会缓存。所以为了让每次都能请求，大家通常的做法是请求参数加个随机数，比如url:xxx.com?a=1&r=Math.radom()

点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！