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

  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

时间: 2024-10-26 02:24:09