fail 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>`
fail php
<?php
header("Content-Type:text/html; charset=utf-8");
echo "
<h3>姓名:{$_REQUEST['username']}</h3>
<p>性别:{$_REQUEST['sex']}</p>
";
?>
Soalan 1: Fungsi panggil balik console.log(data)
,可以打印出来,但是$('p.show').html(data)
Kebarangkalian untuk berjaya dalam langkah ini sangat rendah Setiap kali ia berlaku, ia terasa seperti sawan.
Soalan 2: Dalam rangkaian konsol (Google), ser.php yang diminta tidak selalu tersedia Maaf...
Lutut dan mohon...
Saya mengujinya dengan kod yang anda tulis Tiada masalah dan tiada masalah langsung. Itu pelik!
Semak log PHP.
Kod ini kelihatan baik dan sebenarnya berfungsi dengan baik.
Adalah disyorkan untuk menyemak proksi penyemak imbas, pemalam, dsb. dan persekitaran rangkaian semasa
Jika ia adalah persekitaran pembangunan, anda boleh cuba menukar persekitaran pembangunan untuk ujian Dalam persekitaran pengeluaran, sila semak sama ada terdapat sebarang masalah dengan konfigurasi sistem, firewall, dll.
Rangkaian konsol (Google), ser.php yang diminta tidak selalu tersedia.
Dapatkan permintaan, jika alamat yang diminta setiap kali adalah sama, pelayar akan cachekannya. Jadi untuk membolehkan permintaan setiap kali, pendekatan biasa ialah menambah nombor rawak pada parameter permintaan, seperti
url:xxx.com?a=1&r=Math.radom()