Ajax_POST 제출
Ajax_POST submit
* $_post(): jquery는 ajax에서 게시물 요청을 처리합니다
* 기본 구문: $.post(url, data, Success, dataType)
* 매개변수 설명:
* url: 요청한 주소
* data: 서버로 보내야 하는 데이터
* Success(data, status, xhr): 성공적인 실행을 위한 콜백 함수,
* 콜백 매개변수: 1. data: 서버에서 반환되는 데이터
* 2. status: 현재 요청의 상태
* 3.xhr: ajax object
* 일반적으로 반환되는 데이터에만 관심이 있습니다: 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 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7519
15
1378
52
81
11
54
19
21
68
Ajax 요청 시간 초과를 연장하는 방법은 무엇입니까?
Jan 26, 2024 am 10:09 AM
Ajax 요청 만료 시간을 연장하는 방법은 무엇입니까? 네트워크 요청을 할 때 많은 양의 데이터나 복잡한 계산을 처리해야 하는 상황이 자주 발생하며, 이로 인해 요청 시간이 초과되어 데이터가 정상적으로 반환되지 않을 수 있습니다. 이 문제를 해결하기 위해 Ajax 요청의 만료 시간을 연장하여 요청이 성공적으로 완료될 수 있도록 보장할 수 있습니다. 다음은 Ajax 요청의 만료 시간을 연장하기 위한 몇 가지 방법과 특정 코드 예제를 소개합니다. timeout 속성을 사용하여 Ajax 요청을 할 때 timeout 속성을 다음과 같이 설정할 수 있습니다.
Ajax 요청이 만료되는 데 얼마나 걸리나요?
Nov 20, 2023 am 10:29 AM
AJAX 요청에는 고정된 만료 시간이 없습니다. "비동기 JavaScript 및 XML"은 JavaScript를 사용하여 전체 페이지를 새로 고치지 않고 서버에 요청을 보내고 응답을 받는 웹 페이지에서 비동기 요청을 보내는 기술입니다.
컨트롤러를 사용하여 Yii 프레임워크에서 Ajax 요청을 처리하는 방법
Jul 28, 2023 pm 07:37 PM
Yii 프레임워크에서 컨트롤러는 요청 처리에 중요한 역할을 합니다. 일반 페이지 요청을 처리하는 것 외에도 컨트롤러를 사용하여 Ajax 요청을 처리할 수도 있습니다. 이 기사에서는 Yii 프레임워크에서 Ajax 요청을 처리하는 방법을 소개하고 코드 예제를 제공합니다. Yii 프레임워크에서 Ajax 요청 처리는 다음 단계를 통해 수행될 수 있습니다. 첫 번째 단계는 컨트롤러(Controller) 클래스를 생성하는 것입니다. Yii 프레임워크에서 제공하는 기본 컨트롤러 클래스 yiiwebCo를 상속받을 수 있습니다.
프로젝트에 적합한 Ajax 요청 라이브러리를 선택하는 방법
Jan 30, 2024 am 08:32 AM
실용 가이드: 귀하의 프로젝트에 적합한 Ajax 요청 라이브러리는 무엇입니까? 프론트엔드 개발이 지속적으로 발전하면서 Ajax는 웹 개발에 없어서는 안 될 부분이 되었습니다. 프로젝트에 적합한 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 요청의 만료 시간을 맞춤설정할 수 있나요? 웹 개발에서는 종종 Ajax를 사용하여 페이지에 데이터를 동적으로 로드하는 비동기 요청을 구현합니다. Ajax 요청을 할 때 요청의 시간 초과를 제어해야 하는 경우가 있습니다. 즉, 시간 제한을 설정하고 지정된 시간 내에 응답이 수신되지 않으면 처리해야 합니다. 그렇다면 Ajax 요청의 만료 시간을 사용자 정의할 수 있습니까? 이 문서에서는 이 문제를 자세히 소개하고 특정 코드 예제를 제공합니다. jQuery의 Ajax 기능 사용
Ajax 요청 시간 초과의 원인은 무엇입니까?
Jan 26, 2024 am 10:53 AM
Ajax 요청은 어떤 상황에서 만료되나요? 웹 애플리케이션이 개발되면서 Ajax(Asynchronous JavaScript and XML) 기술은 웹 개발의 필수적인 부분이 되었습니다. Ajax를 통해 서버에서 데이터를 얻고 전체 페이지를 새로 고치지 않고도 웹 페이지의 콘텐츠를 동적으로 업데이트할 수 있습니다. 그러나 Ajax를 사용하여 요청을 보낼 때 요청 만료가 발생하는 경우가 있습니다. 그렇다면 어떤 상황에서 Ajax 요청이 만료되나요?
Ajax 요청에 대한 시간 초과를 설정하는 방법은 무엇입니까?
Jan 26, 2024 am 09:23 AM
Ajax 요청 만료 시간을 설정하는 방법은 무엇입니까? 특정 코드 예제가 필요합니다. 인터넷 애플리케이션이 개발되면서 Ajax는 웹 개발에 없어서는 안 될 부분이 되었습니다. Ajax 요청을 보낼 때 요청이 너무 길어서 사용자 경험이 저하되거나 브라우저가 정지되는 것을 방지하기 위해 요청 만료 시간을 제한해야 하는 경우가 있습니다. 이 기사에서는 Ajax 요청의 만료 시간을 설정하는 방법을 자세히 소개하고 구체적인 코드 예제를 제공합니다. Ajax 요청의 만료 시간을 설정하려면 주로 XMLHttpRequest가 필요합니다.
