简体中文(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
605

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(Google),請求的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(Google),請求的ser.php,並不是總是可以請求到.

get請求，如果每次請求的位址一樣，瀏覽器會快取。所以為了讓每次都能請求，大家通常的做法是請求參數加個隨機數，例如url:xxx.com?a=1&r=Math.radom()

點贊 +0
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！