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>Atas ialah kandungan terperinci Ajax_POST提交. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1378
52
Bagaimana untuk melanjutkan tamat masa permintaan Ajax?
Jan 26, 2024 am 10:09 AM
Bagaimana untuk memanjangkan masa tamat permintaan Ajax? Apabila membuat permintaan rangkaian, kami sering menghadapi situasi di mana kami perlu memproses sejumlah besar data atau pengiraan yang rumit, yang boleh menyebabkan permintaan itu tamat masa dan gagal mengembalikan data seperti biasa. Untuk menyelesaikan masalah ini, kami boleh memastikan bahawa permintaan boleh diselesaikan dengan jayanya dengan memanjangkan masa tamat permintaan Ajax. Berikut akan memperkenalkan beberapa kaedah dan contoh kod khusus untuk memanjangkan masa tamat permintaan Ajax. Apabila membuat permintaan Ajax menggunakan atribut tamat masa, anda boleh menetapkan atribut tamat masa kepada
Berapa lama masa yang diambil untuk permintaan ajax tamat tempoh?
Nov 20, 2023 am 10:29 AM
Permintaan AJAX tidak mempunyai masa tamat tempoh tetap: "JavaScript dan XML Asynchronous" ialah teknologi untuk menghantar permintaan tak segerak pada halaman web, yang menggunakan JavaScript untuk menghantar permintaan ke pelayan dan menerima respons tanpa memuat semula keseluruhan halaman.
Cara menggunakan pengawal untuk mengendalikan permintaan Ajax dalam rangka kerja Yii
Jul 28, 2023 pm 07:37 PM
Dalam rangka kerja Yii, pengawal memainkan peranan penting dalam memproses permintaan. Selain mengendalikan permintaan halaman biasa, pengawal juga boleh digunakan untuk mengendalikan permintaan Ajax. Artikel ini akan memperkenalkan cara mengendalikan permintaan Ajax dalam rangka kerja Yii dan memberikan contoh kod. Dalam rangka kerja Yii, pemprosesan permintaan Ajax boleh dijalankan melalui langkah-langkah berikut: Langkah pertama ialah mencipta kelas pengawal (Pengawal). Anda boleh mewarisi kelas pengawal asas yiiwebCo yang disediakan oleh rangka kerja Yii
Bagaimana untuk memilih perpustakaan permintaan Ajax yang betul untuk projek anda
Jan 30, 2024 am 08:32 AM
Panduan praktikal: Perpustakaan permintaan Ajax manakah yang sesuai untuk projek anda? Dengan pembangunan berterusan pembangunan bahagian hadapan, Ajax telah menjadi bahagian yang amat diperlukan dalam pembangunan web. Memilih perpustakaan permintaan Ajax yang sesuai untuk projek adalah penting untuk meningkatkan kecekapan pembangunan dan mengoptimumkan pengalaman pengguna. Artikel ini akan memperkenalkan beberapa perpustakaan permintaan Ajax yang biasa digunakan untuk membantu pembaca memilih alat yang sesuai untuk projek mereka sendiri. jQueryAjax Tidak dapat dinafikan bahawa jQuery adalah salah satu perpustakaan JavaScript yang paling popular di luar sana. Ia menyediakan kaya
Alat penting: Fahami apakah perpustakaan permintaan Ajax yang biasa digunakan?
Jan 30, 2024 am 11:00 AM
Keperluan pembangunan: Terokai apakah perpustakaan permintaan Ajax yang biasa digunakan? Dalam pembangunan bahagian hadapan moden, menggunakan Ajax untuk permintaan tak segerak telah menjadi ciri standard, dan memilih perpustakaan permintaan Ajax yang sesuai boleh membolehkan kami mengendalikan permintaan rangkaian dengan lebih cekap, meningkatkan kecekapan pembangunan dan pengalaman pengguna. Artikel ini akan meneroka beberapa perpustakaan permintaan Ajax yang biasa digunakan untuk membantu pembangun memilih alatan yang sesuai untuk projek mereka. jQueryAjax: Sebagai salah satu perpustakaan JavaScript yang paling popular, jQuery menyediakan fungsi permintaan Ajax yang berkuasa.
Bolehkah saya menyesuaikan masa tamat permintaan Ajax?
Jan 26, 2024 am 11:13 AM
Bolehkah masa tamat permintaan Ajax disesuaikan? Dalam pembangunan web, kami sering menggunakan Ajax untuk melaksanakan permintaan tak segerak untuk memuatkan data secara dinamik dalam halaman. Apabila membuat permintaan Ajax, kadangkala kita perlu mengawal tamat masa permintaan, iaitu, menetapkan had masa, dan memprosesnya jika tiada respons diterima dalam masa yang ditetapkan. Jadi, bolehkah masa tamat permintaan Ajax disesuaikan? Artikel ini akan memperkenalkan masalah ini secara terperinci dan memberikan contoh kod khusus. Menggunakan fungsi Ajax jQuery
Apakah yang menyebabkan permintaan Ajax tamat masa?
Jan 26, 2024 am 10:53 AM
Dalam keadaan apakah permintaan Ajax akan tamat tempoh? Dengan pembangunan aplikasi Web, teknologi Ajax (Asynchronous JavaScript dan XML) telah menjadi bahagian penting dalam pembangunan Web. Melalui Ajax, kami boleh mendapatkan data daripada pelayan dan mengemas kini kandungan halaman web secara dinamik tanpa menyegarkan keseluruhan halaman. Walau bagaimanapun, apabila menghantar permintaan menggunakan Ajax, kadangkala permintaan itu tamat tempoh. Jadi, dalam keadaan apakah permintaan Ajax akan tamat tempoh?
Bagaimana untuk menetapkan tamat masa untuk permintaan Ajax?
Jan 26, 2024 am 09:23 AM
Bagaimana untuk menetapkan masa tamat permintaan Ajax? Perlu contoh kod khusus Dengan pembangunan aplikasi Internet, Ajax telah menjadi bahagian yang sangat diperlukan dalam pembangunan Web. Apabila menghantar permintaan Ajax, kadangkala kita perlu mengehadkan masa tamat tempoh permintaan untuk mengelakkan permintaan daripada terlalu lama, mengakibatkan pengalaman pengguna yang buruk atau pelayar terhenti. Artikel ini akan memperkenalkan secara terperinci cara menetapkan masa tamat permintaan Ajax dan memberikan contoh kod khusus. Menetapkan masa tamat permintaan Ajax terutamanya memerlukan XMLHttpRequest
