Ajax_POST提交
Ajax_POST提交
* $_post():jquery處理ajax中的post請求
* 基本語法:$.post(url, data, success, dataType)
* 參數說明:
* url: 請求的位址
* data: 需要傳送到伺服器端的資料
* success(data,status,xhr): 執行成功的回呼函數,
* 回呼參數: 1.data: 從伺服器端傳回的資料
* 2.status: 目前請求的狀態
* 3.xhr : ajax物件
* 通常我們只關心傳回的資料:data
* dataType: 從伺服器傳回資料的格式
* xml, html, script, json, text , _default
* 通常是'json',可省略,由系統自動判斷
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>4.Ajax_POST</title>
</head>
<body>
<form action="api/check.php" method="post">
<fieldset>
<legend>用户登录</legend>
<p>
<label for="email">邮箱:</label>
<input type="email" name="email" id="email">
</p>
<p>
<label for="password">邮箱:</label>
<input type="password" name="password" id="password">
</p>
<p>
<button>登录</button>
<span id="tips" style="font-size:1.2em;font-weight: bolder;color:red"></span>
</p>
</fieldset>
</form>
</body>
</html>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$('button:first').click (function(){
//1.ajax-post提交的地址
var url = 'api/user.php?m=login'
//2.要提交到服务器的数据
var data = {
"email": $('#email').val(),
"password": $('#password').val()
}
//3.设置执行成功的回调函数
var success = function(res){
if (res == '1') {
$('#tips').text('登录成功,正在跳转中...')
setTimeout(function(){
location.href = 'api/index.php'
},2000)
} else {
$('#tips').text('邮箱或密码错误,请重新输入...')
$('#email').focus()
setTimeout("$('#tips').empty()",2000)
}
}
//4.设置返回的数据格式为:json
var dataType = 'json'
//5.调用全局函数$.post()执行post请求
$.post(url, data, success, dataType)
/**简化代码,将参数值直接写到参数中
$.post(
'api/user.php?m=login',
{
"email": $('#email').val(),
"password": $('#password').val()
},
function(data){
if (data == '1') {
$('#tips').text('登录成功,正在跳转中...')
setTimeout(function(){
location.href = 'api/index.php'
},2000)
} else {
$('#tips').text('邮箱或密码错误,请重新输入...')
$('#email').focus()
setTimeout("$('#tips').empty()",2000)
}
}, 'json')
*/
//禁用默认提交
return false
})
</script>以上是Ajax_POST提交的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
延長Ajax請求的超時時間的方法？
Jan 26, 2024 am 10:09 AM
如何延長Ajax請求的過期時間？在進行網路請求時，我們經常會遇到需要處理大量資料或複雜計算的情況，這可能導致請求逾時而無法正常返回資料。為了解決這個問題，我們可以透過延長Ajax請求的過期時間來確保請求能夠順利完成。以下將介紹一些方法和具體的程式碼範例來實現延長Ajax請求的過期時間。使用timeout屬性在發起Ajax請求時，可以透過設定timeout屬性來
ajax請求多久過期
Nov 20, 2023 am 10:29 AM
AJAX請求沒有固定的過期時間：「Asynchronous JavaScript and XML」是一種用於在網頁上發送非同步請求的技術，它使用JavaScript來向伺服器發送請求並接收回應，而無需刷新整個頁面。
在Yii框架中使用控制器（Controllers）處理Ajax請求的方法
Jul 28, 2023 pm 07:37 PM
在Yii框架中，控制器（Controllers）扮演著處理請求的重要角色。除了處理常規的頁面請求之外，控制器還可以用於處理Ajax請求。本文將介紹在Yii框架中處理Ajax請求的方法，並提供程式碼範例。在Yii框架中，處理Ajax請求可以透過以下步驟進行：第一步，建立一個控制器（Controller）類別。可以透過繼承Yii框架提供的基礎控制器類別yiiwebCo
如何選擇適合專案的Ajax請求庫
Jan 30, 2024 am 08:32 AM
實戰指南：選擇適合專案的Ajax請求庫有哪些？隨著前端開發的不斷發展，Ajax成為了web開發中不可或缺的一部分。而選擇適合專案的Ajax請求庫，對於提升開發效率、優化使用者體驗至關重要。本文將介紹幾個常用的Ajax請求庫，幫助讀者選擇適合自己專案的工具。 jQueryAjax無可否認，jQuery是目前最受歡迎的JavaScript函式庫之一。它提供了豐富的
必備工具：了解常用的Ajax請求庫有哪些？
Jan 30, 2024 am 11:00 AM
開發必備：探索常用的Ajax請求庫有哪些？在現代前端開發中，使用Ajax進行非同步請求已經成為一種標配，而選擇合適的Ajax請求庫可以讓我們更有效率地處理網路請求，提升開發效率和使用者體驗。本文將探討一些常用的Ajax請求函式庫，幫助開發者選擇適合自己專案的工具。 jQueryAjax：作為最受歡迎的JavaScript庫之一，jQuery提供了強大的Ajax請求功
能否自訂Ajax請求的過期時間？
Jan 26, 2024 am 11:13 AM
Ajax請求的過期時間能否自訂？在進行Web開發中，我們經常使用Ajax來實作非同步請求，以便在頁面中動態載入資料。在進行Ajax請求時，有時候我們需要控制請求的超時時間，也就是設定一個時間限制，如果在規定時間內沒有得到回應，就進行處理。那麼，Ajax請求的過期時間能否自訂呢？本文將對這個問題進行詳細介紹，並提供具體的程式碼範例。在使用jQuery的Ajax函
什麼原因會導致Ajax請求逾時失效？
Jan 26, 2024 am 10:53 AM
什麼情況下會導致Ajax請求過期？隨著Web應用的發展，Ajax（AsynchronousJavaScriptandXML）技術已經成為了Web開發中不可或缺的一部分。透過Ajax，我們可以在不刷新整個頁面的情況下，從伺服器取得資料並動態更新網頁的內容。然而，在使用Ajax發送請求時，有時會遇到請求過期的情況。那麼，什麼情況下會導致Ajax請求過期呢？
如何設定Ajax請求的逾時時間？
Jan 26, 2024 am 09:23 AM
Ajax請求的過期時間如何設定？需要具體程式碼範例隨著網路應用的發展，Ajax成為了Web開發中不可或缺的一部分。在發送Ajax請求時，有時我們需要限定請求的過期時間，以防止請求時間過長導致使用者體驗不佳或瀏覽器卡死的情況發生。本文將詳細介紹如何設定Ajax請求的過期時間，並給出具體的程式碼範例。設定Ajax請求的過期時間主要需要透過XMLHttpRequest
