本例实现不是用FORM标签提交处理数据,当点击按钮时提交数据。注意包含jqery.js
<script type="text/javascript"><script src="/lib/jquery.js" type="text/javascript"></script>
$(document).ready(function(){//这个就是jQueryready ,它就像C语言的main 所有操作包含在它里面
$("#send_mail_button").click(function(){
getajax(); //点击ID为"send_mail_button"的按钮后触发函数 getajax();
});
});
function getajax(){
var content = $("textarea#send_mail_content").val();//获取textarea的值
$.ajax(
{ type: "post",//post方式提交
url:'/index.php?r=user/getajax',//这里是要提交到的文件
data: 'content='+encodeURIComponent(content),//提交时编译提交数据
//dataType:'json',
success: function(json){ //回调处理函数
document.getElementById("send_mail_span").innerHTML="<font style='color:red;'>"+json+"</font>"
}
}
)
}
</script>
<html>
<body>
<div id="emaildiv" class="contact">
<div class="c01">有疑问,请联系我们:</div>
<textarea id="send_mail_content" ></textarea><br/>
<span id="send_mail_span"></span>
<button id="send_mail_button">发邮件给客服</button>
<div class="c02">热线:0086-95105561</div>
</div>
</body>
</html>
PHP部分
<?
$content = $_REQUEST['content'];
echo $content;
?>
它是以JSON方式做的处理,PHP部分输出什么内容回调是JSON就是什么值,可以是数组,字符串,数值。。