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,並不是總是能請求到.抽風...
跪求......
过去多啦不再A梦2017-06-05 11:09:32
程式碼看起來沒問題，實際運作也沒問題。
建議檢查一下瀏覽器的代理、插件等與當前連網環境
如果是開發環境可以嘗試更換開發環境測試，生產環境請檢查系統配置、防火牆等是否有問題。
淡淡烟草味2017-06-05 11:09:32
控制台network(Google),請求的ser.php,並不是總是可以請求到.
get請求，如果每次請求的位址一樣，瀏覽器會快取。所以為了讓每次都能請求，大家通常的做法是請求參數加個隨機數，例如url:xxx.com?a=1&r=Math.radom()
