码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-24 22:47:42      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:lap   tag   padding   span   html   append   ssm   tags   获取数据   

  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

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

标签:lap   tag   padding   span   html   append   ssm   tags   获取数据   

原文地址:http://www.cnblogs.com/bonly-ge/p/7074584.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!