jquery get与post用法入门例子

发布时间:2019-12-29编辑:脚本学堂
有关jquery中get、post方法的例子,页面载入时读取远程页面内容,点击post数据返回数据,需要的朋友参考下。

jquery get与post用法

一、test.html
 

复制代码 代码示例:

页面引用<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
内容有:
<div id="divMsg">Hello World!</div>
1、页面载入时读取远程页面内容到divMsg
$("#divMsg").load(http://localhost:8012/t.php, { "resultType": "html" });
返回类型resultType有如下几种:
"xml", "html", "script", "json", "jsonp", "text"
2、点击post数据返回数据

<input type="button" id="bnajax" value="ajax" onclick="ajaxTest()" />
<script type="text/javascript" >
 function ajaxTest()
 {
  $.post("http://localhost:8012/t.php", { "txt": "123" },function(data)
  {
   $("#divMsg").html(data);
  }
  );
 }
</script>

二、
post方法:
 

复制代码 代码示例:
function test(access_url, tipE){
 $.post(access_url,{ 
     first: "test1", second: "test2"
     }, function(data){
      if(data.success){
   $('#' + tipE).html('处理成功');
      }else{
   $('#' + tipE).html(data.msg);   
      }
     },'json'
)
    }

如果想用get方法,则把post换为get即可。
这个函数中data值为服务端返回的值,且为json格式,这里可以用其他类型,如text,xml等。
服务端返回值是json格式,例如:{success:true, msg:"测试成功"}