jquery+ajax實現直接提交表單一實例分析_jquery

來源:互聯網
上載者:User

本文執行個體講述了jquery+ajax實現直接提交表單的方法。分享給大家供大家參考,具體如下:

這裡給出查看協助文檔的例子

<script src="jquery-1.4.4.js"></script><script>$(function(){  $("#results").append( "<tt>" + $("form").serialize() + "</tt>" );});</script><p id="results"><b>Results: </b> </p><form> <select name="single">  <option>Single</option>  <option>Single2</option> </select> <select name="multiple" multiple="multiple">  <option selected="selected">Multiple</option>  <option>Multiple2</option>  <option selected="selected">Multiple3</option> </select><br/> <input type="checkbox" name="check" value="check1"/> check1 <input type="checkbox" name="check" value="check2" checked="checked"/> check2 <input type="radio" name="radio" value="radio1" checked="checked"/> radio1 <input type="radio" name="radio" value="radio2"/> radio2</form>

介面顯示的內容是

直接使用ajax提交表單傳遞參數

$.ajax({   type: "POST",   url: url,   data: $('#form1').serialize(),   success: function(msg){    alert( "Data Saved: " + msg );   }});

更多關於jQuery相關內容感興趣的讀者可查看本站專題:《jQuery常用外掛程式及用法總結》、《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結》、《jQuery擴充技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《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.