jQuery之ajax请求之POST_H5之家 - 中国HTML5教程资源分享第一站

%77w%77%2E%66%6F%72%61%73%70%2E%63n网站制作学习

jquery第二十二课,ajax之直接用POST方式提交数据,并获取返回内容
参考共用代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>jquery特效处理-前台代码</TITLE>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<SCRIPT language="javascript">
$(function(){//
//ajax代码区
});
</SCRIPT>
<BODY>
<input id="forasp" type="text" maxlength="20"> <input type="button" value="jquery的ajax测试" id="cn">
<span id="backurl"></span>
</BODY>
</HTML>
前面讲到了用$.ajax(options)来实现jqueryajax,其中的提交方式是在type中设置,本次讲的ajax是直接标明用POST方式来提交数据.
(1)语法:$.get(url,data,fun,type);
url表示ajax调用的页面
date为GET方式传递的数据,数据格式{data:value,data:value..}可选
fun是回调函数,function(msg),msg是页面返回内容.可选
type返回内容格式，xml, html, script, json, text, _default。可选
实例:
$("#cn").bind("click",function(){
$.post("index4.php",{foraspcnurl:$("#forasp").val()},function(msg){alert(msg);} );
});
例子中的调用页面为index4.php代码如下:<?echo $_POST["foraspcnurl"];?>.
运行:当在text里面输入网站制作学习网,点击后面的按钮,弹出"网站制作学习网"对话框

这种直接的POST方法没有beforSend,error等函数,如果需要在出错时执行函数等，请使用 $.ajax。

%77%77%77%2E%66%6F%72%61%73%70%2E%63%6E