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:"测试成功"}