Ajax_POST submission
* $_post(): jquery handles post requests in ajax
* Basic syntax: $.post(url, data, success, dataType)
* Parameter description:
* url: requested address
* data: data that needs to be sent to the server
* success(data, status, xhr): execution Successful callback function,
* Callback parameters: 1.data: Data returned from the server
* 2.status: Status of the current request
* 3.xhr : ajax object
* Usually we only care about the returned data: data
* dataType: format of data returned from the server
* xml, html, script, json, text , _default
* Usually 'json', which can be omitted and automatically determined by the system
<!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>The above is the detailed content of Ajax_POST submission. For more information, please follow other related articles on the PHP Chinese website!
延长Ajax请求的超时时间的方法？Jan 26, 2024 am 10:09 AM如何延长Ajax请求的过期时间？在进行网络请求时，我们经常会遇到需要处理大量数据或复杂计算的情况，这可能导致请求超时而无法正常返回数据。为了解决这个问题，我们可以通过延长Ajax请求的过期时间来确保请求能够顺利完成。下面将介绍一些方法和具体的代码示例来实现延长Ajax请求的过期时间。使用timeout属性在发起Ajax请求时，可以通过设置timeout属性来
在Yii框架中使用控制器（Controllers）处理Ajax请求的方法Jul 28, 2023 pm 07:37 PM在Yii框架中，控制器（Controllers）扮演着处理请求的重要角色。除了处理常规的页面请求之外，控制器还可以用于处理Ajax请求。本文将介绍在Yii框架中处理Ajax请求的方法，并提供代码示例。在Yii框架中，处理Ajax请求可以通过以下步骤进行：第一步，创建一个控制器（Controller）类。可以通过继承Yii框架提供的基础控制器类yiiwebCo
ajax请求多久过期Nov 20, 2023 am 10:29 AMAJAX请求没有固定的过期时间：“Asynchronous JavaScript and XML”是一种用于在网页上发送异步请求的技术，它使用JavaScript来向服务器发送请求并接收响应，而无需刷新整个页面。
如何选择适合项目的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 AMAjax请求的过期时间能否自定义？在进行Web开发中，我们经常会使用Ajax来实现异步请求，以便在页面中动态加载数据。在进行Ajax请求时，有时候我们需要控制请求的超时时间，即设置一个时间限制，如果在规定时间内没有得到响应，就进行处理。那么，Ajax请求的过期时间能否自定义呢？本文将对这个问题进行详细介绍，并提供具体的代码示例。在使用jQuery的Ajax函
什么原因会导致Ajax请求超时失效？Jan 26, 2024 am 10:53 AM什么情况下会导致Ajax请求过期？随着Web应用的发展，Ajax（AsynchronousJavaScriptandXML）技术已经成为了Web开发中必不可少的一部分。通过Ajax，我们可以在不刷新整个页面的情况下，从服务器获取数据并动态更新网页的内容。然而，在使用Ajax发送请求时，有时会遇到请求过期的情况。那么，什么情况下会导致Ajax请求过期呢？
如何处理PHP表单中的Ajax请求和响应Aug 11, 2023 pm 05:29 PM如何处理PHP表单中的Ajax请求和响应我们经常在网站开发中使用Ajax来实现异步交互，其中一种常见的应用场景就是处理表单的提交和响应。在本文中，我将向大家介绍如何处理PHP表单中的Ajax请求和响应，并提供代码示例供参考。首先，我们需要在HTML代码中加入一个表单，并使用Ajax来监听表单的提交事件。这可以通过以下代码实现：<formid=&quo
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Dreamweaver Mac version
Visual web development tools
MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.
MantisBT
Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.
Atom editor mac version download
The most popular open source editor
Notepad++7.3.1
Easy-to-use and free code editor
