JQuery非同步提交操作

來源:互聯網
上載者:User

標籤:jquery   ajax   

        提到非同步提交,大家肯定首先想到的應該是ajax,因為這個本來就是為非同步作業而服務的。但在這我要說的是JQuery。兩者之間到底有什麼聯絡呢?        自我認為,JQuery其實就是對JS的一個封裝。就像我們操作JS時,基本上都是對DOM節點直接的操作,比如說擷取一個節點的值要用document.getElementByID方法,然後在賦值操作。等等這些要寫很多的代碼,這是一個很巨大的工作,就像ajax非同步作業,分的那5個步驟。但是有了JQuery,只需要簡單的調用一個方法就可以。說的簡單點就是對JS的一個封裝,用最少的代碼來提高我們的效率。就像是對系統中一些公用方法的封裝似的。
    JQuery非同步作業其實有很多的方法,比如說$.get方法,$.post方法,$.ajax方法。首先以post方法為例,看如下代碼:
        $.post("/Test/jsonTest", { ids: txtName }, function (data) {
         $.messager.alert("提示資訊",data);     });     上面參數的意思很明顯,第一個為URL(請求的伺服器位址),第二個為參數(要傳遞的資料),第三個為回呼函數(請求成功後的操作)。通過和ajax原版的提交相比較,JQuery的這個post方法明顯方便了很多。下面再來看ajax的方法:
    $.ajax({
          url: ‘/Test/About?txtName=‘ + $("#searchName").val(),          type: ‘get‘,          contentType: ‘application/string;charset=utf-8‘,          success: function (data) {                alert(data);                  }     })
    同樣和上面的post方法達到的效果是一樣的,用最簡潔的程式碼完成我們想要的效果,大大提高了我們的開發效率。     總結:以前是不是感覺JQuery很神秘,或者是碰到這個就會發觸。現在看了這篇文章會不會好點。其實就將其理解成物件導向中的方法封裝即可。

JQuery非同步提交操作

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.