[英]$.ajax( type: “POST” POST method to php
我正在嘗試使用 jQuery 中的 POST 方法來發出數據請求。 所以這是html頁面中的代碼:
<form>
Title : <input type="text" size="40" name="title"/>
<input type="button" onclick="headingSearch(this.form)" value="Submit"/><br /><br />
</form>
<script type="text/javascript">
function headingSearch(f)
{
var title=f.title.value;
$.ajax({
type: "POST",
url: "edit.php",
data: {title:title} ,
success: function(data) {
$('.center').html(data);
}
});
}
</script>
這是服務器上的 php 代碼:
<?php
$title = $_POST['title'];
if($title != "")
{
echo $title;
}
?>
根本沒有發出 POST 請求,我不知道為什么。 這些文件位於 wamp www 文件夾中的同一文件夾中,因此至少 url 沒有錯誤。
您需要使用data: {title: title}
正確發布它。
在 PHP 代碼中,您需要echo
顯值而不是return
值。
檢查標題是否有任何價值。 如果沒有,則使用 Id 檢索該值。
<form>
Title : <input type="text" id="title" size="40" name="title" value = ''/>
<input type="button" onclick="headingSearch(this.form)" value="Submit"/><br /><br />
</form>
<script type="text/javascript">
function headingSearch(f)
{
var title=jQuery('#title').val();
$.ajax({
type: "POST",
url: "edit.php",
data: {title:title} ,
success: function(data) {
$('.center').html(data);
}
});
}
</script>
試試這個代碼。
在 php 代碼中,使用echo而不是return 。 只有這樣,javascript 數據才會有價值。
試試這個
$(document).on("submit", "#form-data", function(e){
e.preventDefault()
$.ajax({
url: "edit.php",
method: "POST",
data: new FormData(this),
contentType: false,
processData: false,
success: function(data){
$('.center').html(data);
}
})
})
在表單中,按鈕需要是type="submit"
我建議您使用更簡單的方法-
$.post('edit.php', {title: $('input[name="title"]').val() }, function(resp){
alert(resp);
});
試試這個,我只是覺得它的語法比 $.ajax 的語法更簡單......
function signIn()
{
var Username = document.getElementById("Username").value;
var Password = document.getElementById("Password").value;
$.ajax({
type: 'POST',
url: "auth_loginCode.jsp",
data: {Username: Username, Password: Password},
success: function (data) {
alert(data.trim());
window.location.reload();
}
});
}
contentType: 'application/x-www-form-urlencoded'
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.