jquery中g(shù)et和post的簡單實(shí)例

更新時(shí)間：2014年02月04日 09:53:49 作者：

本篇文章主要是對jquery中g(shù)et和post的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

例子:

test.html
頁面引用<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

內(nèi)容有:
<div id="divMsg">Hello World!</div>

用法1:(頁面載入時(shí)讀取遠(yuǎn)程頁面內(nèi)容到divMsg)

$("#divMsg").load(http://localhost:8012/t.php, { "resultType": "html" });

返回類型resultType有如下幾種:

"xml", "html", "script", "json", "jsonp", "text"

用法2:(點(diǎn)擊post數(shù)據(jù)返回?cái)?shù)據(jù))

復(fù)制代碼代碼如下:

<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>

下面是摘自網(wǎng)絡(luò)的函數(shù):

post方法如下：

復(fù)制代碼代碼如下:

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就可以了，挺簡單！

這個(gè)函數(shù)中data值為服務(wù)端返回的值，且為JSON格式，當(dāng)然了，這里可以用其他類型，如text,xml等等之類。

服務(wù)端返回值是JSON格式，如：{success:true, msg:"測試成功"}

您可能感興趣的文章:

jquery
post

相關(guān)文章

jQuery實(shí)現(xiàn)企業(yè)網(wǎng)站橫幅焦點(diǎn)圖切換功能實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)企業(yè)網(wǎng)站橫幅焦點(diǎn)圖切換功能,實(shí)例分析了jQuery企業(yè)網(wǎng)站焦點(diǎn)圖的詳細(xì)實(shí)現(xiàn)方法,非常簡單實(shí)用,需要的朋友可以參考下
2015-04-04
使用jQuery實(shí)現(xiàn)更改默認(rèn)alert框體
本文給大家介紹的是如何使用jquery 改寫Alert彈出框樣式，十分的實(shí)用，這里推薦給大家，有需要的小伙伴可以參考下。
2015-04-04
基于jQuery的$.getScript方法去加載javaScript文檔解析
下面小編就為大家?guī)硪黄趈Query的$.getScript方法去加載javaScript文檔解析。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
JQuery EasyUI 對話框的使用方法
jQuery EasyUI 對話框(Dialog)用法與EasyUI的窗口用法極為相似，最終的效果圖也只與窗口的效果圖差幾個(gè)按鈕
2010-10-10
老生常談jquery中detach()和remove()的區(qū)別
下面小編就為大家?guī)硪黄仙Ｕ刯query中detach()和remove()的區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-03-03
jQuery 驗(yàn)證插件 Web前端設(shè)計(jì)模式(asp.net)
asp.net下用戶注冊頁面的驗(yàn)證代碼，花了點(diǎn)時(shí)間將驗(yàn)證做成一個(gè)jQuery插件，希望對需要的朋友有所幫助。
2010-10-10
使用jQuery實(shí)現(xiàn)WordPress中的Ctrl+Enter和@評論回復(fù)
相信大家對QQ中的Ctrl+Enter快捷回復(fù)和微博上的@指名回復(fù)功能都不陌生,在WordPress的評論欄方面我們同樣可以添加這樣的功能,一起來看使用jQuery實(shí)現(xiàn)WordPress中的Ctrl+Enter和@評論回復(fù)的方法:
2016-05-05
jQuery中delegate和on的用法與區(qū)別詳細(xì)解析
本篇文章主要是對jQuery中delegate和on的用法與區(qū)別進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
jQuery學(xué)習(xí)筆記操作jQuery對象 CSS處理
在對class屬性的操作中，實(shí)際上已經(jīng)改變元素樣式了，但這些都是根據(jù)已設(shè)定的CSS規(guī)則間接生效的。因此我們有必要使用更為直接的方式來改變原先設(shè)定好了的CSS規(guī)則
2012-09-09
JQuery操作iframe父頁面與子頁面的元素與方法(實(shí)例講解)
這篇文章主要介紹了JQuery操作iframe父頁面與子頁面的元素與方法。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11