$.get/$.post/$.ajax/$.getJSON

Posted 2020-09-24 bonly-ge

1. $.get()方法

   一般用get方法获取数据库里面的值 。

   $("button").click(function(){ var url="后台处理该数据的地址?id=89&name=iii"; $.get("url",function(data){ $("ul>li ").append(data ); }); });

    

    

2. $.post()方法

   post法有向指定的资源提交要处理的数据的意思，需要提交

$("button").click(function(){ var url="后台处理该数据的地址";   $.post("url", { id:89, name:"iii" }, function(data,status){ $("ul>li ").append(data ); }); });

 

1. $.ajax()方法

   该方法主要用来改变div标签内的文本元素

$("button").click(function(){ var url="后台处理该数据的地址"; $.ajax({url:"url",success:function(result){ $("#div1").html(result); }}); });

 

 

1. $.getJSON()方法
   使用 HTTP GET 请求从服务器加载 JSON 编码的数据

$(function() { $("#homepage").load(function() { RssMaskLayer.show();//正在加载的图片 RssLoadBox.show();//加载框 $.getJSON("http://localhost:8084/api/article/list",function(json) { RssMaskLayer.close(); RssLoadBox.close(); $("#homepage ul").mapitem(json);// $("#homepage ul").find("li").click(function() { $.getJSON("http://localhost:8084/api/article/view?id="+$(this).attr("dataid"),function(json) { $("#articleviewpage").mapjson(json); }); }); }); }).load(); });

 

 

 

 

 

 

参考：http://www.runoob.com/jquery/jquery-ref-ajax.html

区别：http://www.runoob.com/jquery/jquery-ajax-get-post.html

http://www.runoob.com/tags/html-httpmethods.html