AJAX 方式

Posted qiuri2008

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AJAX 方式相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<script src="../js/jquery.js"></script>
<script language="javascript">
function checkemail(){

if($(‘#email‘).val() == ""){
$(‘#msg‘).html("please enter the email!");
$(‘#email‘).focus;
return false;
}
if($(‘#address‘).val() == ""){
$(‘#msg‘).html("please enter the address!");
$(‘#address‘).focus;
return false;
}
ajax_post();
}
function ajax_post(){
$.post("test2.php",{email:$(‘#email‘).val(),address:$(‘#address‘).val()},
function(data){
//$(‘#msg‘).html("please enter the email!");
//alert(data);
$(‘#msg‘).html(data);
},
"text");//这里返回的类型有:json,html,xml,text
}
</script>
</head>
<body>
<form id="ajaxform" name="ajaxform" method="post" action="action.php">
<p>
email<input type="text" name="email" id="email"/>

</p>
<p>
address<input type="text" name="address" id="address"/>
</p>
<p id="msg"></p>
<p>
<input name="Submit" type="button" value="submit" onclick="return checkemail()"/>
</p>
</form>
</body>
</html>



<?php
$email = $_POST["email"];
$address = $_POST["address"];
//echo $email;
//echo $address;
echo "success";
?>

























































以上是关于AJAX 方式的主要内容,如果未能解决你的问题,请参考以下文章

$ajax默认以啥方式请求数据

ajax的post提交方式和传统的post提交方式哪个更快?

什么是Ajax与Ajax原生的实现方式

ajax方式下载文件

ajax的三种传参方式

ajax异步请求的三种方式