Jquery中ajax提交表單有幾種方法

本篇內(nèi)容介紹了“Jquery中ajax提交表單有幾種方法”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)公司十多年專注成都高端網(wǎng)站建設(shè)按需網(wǎng)站設(shè)計(jì)服務(wù),為客戶提供專業(yè)的成都網(wǎng)站制作,成都網(wǎng)頁設(shè)計(jì),成都網(wǎng)站設(shè)計(jì)服務(wù);成都創(chuàng)新互聯(lián)公司服務(wù)內(nèi)容包含成都網(wǎng)站建設(shè),微信小程序,軟件開發(fā),網(wǎng)絡(luò)營銷推廣,網(wǎng)絡(luò)運(yùn)營服務(wù)及企業(yè)形象設(shè)計(jì);成都創(chuàng)新互聯(lián)公司擁有眾多專業(yè)的高端網(wǎng)站制作開發(fā)團(tuán)隊(duì),資深的高端網(wǎng)頁設(shè)計(jì)團(tuán)隊(duì)及經(jīng)驗(yàn)豐富的架構(gòu)師高端網(wǎng)站策劃團(tuán)隊(duì);我們始終堅(jiān)持從客戶的角度出發(fā),為客戶量身訂造網(wǎng)絡(luò)營銷方案，解決網(wǎng)絡(luò)營銷疑問。

在jquery中ajax提交表單有post與get方式，在使用get方式時(shí)我們可以直接使用ajax 序列化表單$( 表單ID) serialize();就行了，下面我來介紹兩個(gè)提交表單數(shù)據(jù)的方法。$get方式提交表單get() 方法通過遠(yuǎn)程HTTP ，下面我來介紹兩個(gè)提交表單數(shù)據(jù)的方法。

$get方式提交表單

get() 方法通過遠(yuǎn)程 HTTP GET 請(qǐng)求載入信息

格式

$(selector).get(url,data,success(response,status,xhr),dataType)

請(qǐng)求 test.php 網(wǎng)頁，傳送2個(gè)參數(shù)，忽略返回值：

$.get("test.php", { name: "John", time: "2pm" } );

顯示 test.php 返回值(HTML 或 XML，取決于返回值)：

$.get("test.php", function(data){
 alert("Data Loaded: " + data);
});

ajax 序列化表單

$.Form.serialize( NameValuePair )

虛擬一個(gè)表單，并設(shè)置表單控件名與值。

參數(shù)

NameValuePair

必選項(xiàng)。設(shè)置虛擬的表單控件。該參數(shù)形式為：{ name1=value, name2=value2, ......}

返回值

虛擬表單序列化后的字符串，其格式如：username=%E5%95%8A%E8%94%A1&password=123456

 
 
 
 
 
4 
 
 
5 
6 
7 
 
 
 
 
 
 
 
 
.serialize() 方法可以操作已選取個(gè)別表單元素的 jQuery 對(duì)象，比如 ,  以及 <select>。不過源碼天空，選擇 <form> 標(biāo)簽本身進(jìn)行序列化一般更容易些： 
$('form').submit(function(){ 
alert($(this).serialize()); 
returnfalse; 
});</pre><p>輸出標(biāo)準(zhǔn)的查詢字符串：</p><p>a=1&b;=2&c;=3&d;=4&e;=5</p><p>$POST方式提交表單</p><p>$.post</p><p>jQuery.post( url, [data], [callback], [type] ) ：使用POST方式來進(jìn)行異步請(qǐng)求</p><p>參數(shù)：</p><p>url (String) : 發(fā)送請(qǐng)求的URL地址.<br/>data (Map) : (可選) 要發(fā)送給<a title="服務(wù)器" target="_blank" >服務(wù)器</a>的數(shù)據(jù)，以 Key/value 的鍵值對(duì)形式表示。<br/>callback (Function) : (可選) 載入成功時(shí)回調(diào)函數(shù)(只有當(dāng)Response的返回狀態(tài)是success才是調(diào)用該方法)。</p><pre>$.post("momsg.php",{"tel":$("#username").val()},function(data){
if(data==0)//0 成功 1 不成功 2 手機(jī)號(hào)碼格式不對(duì)
  {   
   //  
  }  
});</pre><p>通過 AJAX POST 請(qǐng)求改變 div 元素的文本：</p><pre>$("input").keyup(function(){
 txt=$("input").val();
 $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
  $("span").html(result);
 });
});</pre><p>實(shí)例</p><pre><script type="text/javascript">
function adddata()
  {
   var typeName=$("#<%=this.typeName.ClientID%>").val();
   var msg=" not be empty";
   if(typeName=="")
   {
    if(msg!="")
     {
      alert(msg);
      return false;
     }
   }
   else
   {
     //顯示進(jìn)度條
     $("#loading").ajaxStart(function(){
     $(this).show();
     });
     //提交前觸發(fā)的事件
     $("#msg").ajaxSend(function(request, settings){$(this).append("<li>Starting request at " + settings.url + "</li>");});
     //這里的countryid 可以動(dòng)態(tài)從GridView里面取
     var countryid= $("#<%=this.drpCountry.ClientID%>").val();//獲取下拉菜單值
     var countryname=format_get_name(countryid);//獲取下拉菜單文本
     var typeName = $("#<%=this.typeName.ClientID%>").val();//獲取txt為typeName的值
     var showTypeDesc = $("#<%=this.showTypeDesc.ClientID%>").val();//獲取txt為showTypeDesc的值
      //調(diào)用Juqery Ajax
      $.ajax({
      type: "POST",
      url: "addNews.aspx",
      timeout: 20000,
      error: function(){alert('error');},
      data: "countryid="+countryid+"&countryname="+countryname+"&typeName="+typeName+"&showTypeDesc="+showTypeDesc,
      success: function(msg)
      {
      var text=msg.split('<');
      //當(dāng)AJAX請(qǐng)求失敗時(shí)添加一個(gè)被執(zhí)行的方法
      $("#msg").ajaxError(function(request, settings){
      $(this).append("<li>Error requesting page " + settings.url + "</li>");
      });
      //當(dāng)AJAX請(qǐng)求成功時(shí)添加一個(gè)被執(zhí)行的方法
      $("#msg").ajaxSuccess(function(request, settings){
      $(this).append(text[0]);
      });
     //清空文本里面的值
      $("#<%=this.typeName.ClientID%>").val("");
      $("#<%=this.showTypeDesc.ClientID%>").val("");
      return false;
      }
      });
   }
  }
  //獲取下拉菜單里面的文本內(nèi)容
  function format_get_name(id)
  {
    var drp = $('<%=drpCountry.ClientID%>');
    for ( var i =0;i<drp.options.length;i++)
    {
      if ( drp.options[i].value == id )
      {
        return drp.options[i].text;
      }
    }
    return '';
  }
</script></pre><p>“Jquery中ajax提交表單有幾種方法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！</p>            
            
                        <br>
            本文名稱：Jquery中ajax提交表單有幾種方法            <br>
            標(biāo)題來源：<a href="http://weahome.cn/article/jojdhj.html">http://weahome.cn/article/jojdhj.html</a>
        </div>
    </div>
</div>
<div   id="squ6kqw"   class="other container">
    <h3>其他資訊</h3>
    <ul>
        <li>
                <a href="/article/sgcse.html">歷史上魏延真的有反骨嗎？這種說法是怎么來的？</a>
            </li><li>
                <a href="/article/sgcic.html">邊緣如何補(bǔ)充傳統(tǒng)數(shù)據(jù)中心</a>
            </li><li>
                <a href="/article/sgceg.html">吃什么補(bǔ)腦增強(qiáng)記憶力</a>
            </li><li>
                <a href="/article/sgcie.html">黑客為何會(huì)攻擊網(wǎng)站？黑客利益點(diǎn)淺析</a>
            </li><li>
                <a href="/article/sgcsh.html">朱元璋到底做錯(cuò)了什么藍(lán)玉為何對(duì)朱元璋不滿</a>
            </li>    </ul>
</div>
<div   id="squ6kqw"   class="footer">
    <div   id="squ6kqw"   class="foota container">
        <div   id="squ6kqw"   class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
            <ul>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>網(wǎng)站制作</h3>
                    <a  target="_blank">移動(dòng)手機(jī)網(wǎng)站制作</a><a  target="_blank">成都網(wǎng)站制作公司</a><a  target="_blank">wap網(wǎng)站制作</a><a  target="_blank">成都網(wǎng)站制作</a><a  target="_blank">成都網(wǎng)站制作</a><a  target="_blank">溫江網(wǎng)站制作</a>                </li>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>企業(yè)服務(wù)</h3>
                    <a  target="_blank">免費(fèi)建站模板</a><a  target="_blank">成都免費(fèi)建站</a><a  target="_blank">廣播電視節(jié)目制作許可證</a><a  target="_blank">400電話</a><a  target="_blank">網(wǎng)站免費(fèi)收錄</a><a  target="_blank">分類目錄網(wǎng)站</a>                </li>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>網(wǎng)站建設(shè)</h3>
                    <a  target="_blank">響應(yīng)式網(wǎng)站建設(shè)公司</a><a  target="_blank">成都網(wǎng)站建設(shè)公司</a><a  target="_blank">成都做網(wǎng)站建設(shè)公司</a><a  target="_blank">成都營銷型網(wǎng)站建設(shè)</a><a  target="_blank">移動(dòng)網(wǎng)站建設(shè)</a><a  target="_blank">成都企業(yè)網(wǎng)站建設(shè)</a>                </li>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>服務(wù)器托管</h3>
                    <a  target="_blank">重慶電信回興機(jī)房托管</a><a  target="_blank">成都托管服務(wù)器</a><a  target="_blank">重慶移動(dòng)機(jī)房托管</a><a  target="_blank">溫江服務(wù)器托管</a><a  target="_blank">IDC機(jī)房托管</a><a  target="_blank">移動(dòng)服務(wù)器托管</a>                </li>
            </ul>
        </div>
        <div   id="squ6kqw"   class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <p>全國免費(fèi)咨詢:</p>
            <b>400-028-6601</b>
            <p>業(yè)務(wù)咨詢：028-86922220 / 13518219792</p>
            <p>節(jié)假值班：18980820575 / 13518219792</p>
            <p>聯(lián)系地址：成都市太升南路288號(hào)錦天國際A幢1002號(hào)</p>
        </div>
    </div>
    <div   id="squ6kqw"   class="footb">
        <div   id="squ6kqw"   class="copy container">
            <div   id="squ6kqw"   class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司  <a  target="_blank">渝ICP備2021005571號(hào)</a></div>
            <!--<div   id="squ6kqw"   class="fr"><a  target="_blank">成都網(wǎng)站建設(shè)</a>：<a  target="_blank">創(chuàng)新互聯(lián)</a></div>-->
        </div>
    </div>
    <div   id="squ6kqw"   class="link">
        <div   id="squ6kqw"   class="container">
            友情鏈接:：
            <a  target="_blank">成都網(wǎng)站建設(shè)</a>
            <a  target="_blank">重慶網(wǎng)站建設(shè)</a>
            <a href="">四川網(wǎng)站建設(shè)</a>
            <a href="">重慶建設(shè)網(wǎng)站</a>
            <a  target="_blank">移動(dòng)服務(wù)器托管</a>
            <a  target="_blank">成都服務(wù)器托管</a>
            <a  target="_blank">云服務(wù)器</a>
            <a  target="_blank">廣告設(shè)計(jì)制作</a>
            <a  target="_blank">重慶網(wǎng)頁設(shè)計(jì)</a>
            <a  target="_blank">重慶做網(wǎng)站</a>
            <a  target="_blank">重慶網(wǎng)站制作</a>
            <a href="">重慶網(wǎng)站建設(shè)</a>
            <a href="">重慶網(wǎng)站公司</a>
            <a href="">渝中網(wǎng)站制作</a>
            <a href="">重慶網(wǎng)站設(shè)計(jì)</a>
        </div>
    </div>
</div>
<div   id="squ6kqw"   class="foot">
    <ul class="public-celan">
        <li>
            <a  target="_blank" class="a1 db tc">
                <img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">在線咨詢</span>
            </a>
        </li>
        <li>
            <a href="tel:18980820575" class="a1 db tc">
                <img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">電話咨詢</span>
            </a>
        </li>
        <li>
            <a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
                <img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">QQ咨詢</span>
            </a>
        </li>
        <li>
            <a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
                <img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">預(yù)約顧問</span>
            </a>
        </li>
    </ul>
</div>
<div   id="squ6kqw"   class="customer">
    <dl class="icon1">
        <dt>
            <a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
                <i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
                <p>在線咨詢</p>
            </a>
        </dt>
    </dl>
    <dl class="icon2">
        <dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt>
        <dd><img src="/Public/Home/img/ewm.png"></dd>
    </dl>
    <dl class="icon3">
        <dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt>
        <dd>
            <p>028-86922220（工作日）</p>
            <p>18980820575（7×24）</p>
        </dd>
    </dl>
    <dl class="icon4">
        <dt class="sShow">
            <a href="tencent://message/?uin=244261566&Site=&Menu=yes">
                <i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
            </a>
        </dt>
    </dl>
    <dl class="icon5">
        <dt class="gotop">
            <a href="#top">
                <i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p>
            </a>
        </dt>
    </dl>
</div>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a>

<div class="friend-links">


</div>
</div>

</footer>


<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="g4uwm" class="pl_css_ganrao" style="display: none;"><table id="g4uwm"></table><cite id="g4uwm"><nav id="g4uwm"><li id="g4uwm"></li></nav></cite><tr id="g4uwm"><sup id="g4uwm"><center id="g4uwm"></center></sup></tr><table id="g4uwm"><tr id="g4uwm"><sup id="g4uwm"></sup></tr></table><button id="g4uwm"><ul id="g4uwm"><tbody id="g4uwm"></tbody></ul></button><th id="g4uwm"><menu id="g4uwm"><noscript id="g4uwm"></noscript></menu></th><th id="g4uwm"></th><acronym id="g4uwm"><xmp id="g4uwm"><strike id="g4uwm"></strike></xmp></acronym><em id="g4uwm"><dfn id="g4uwm"><nav id="g4uwm"></nav></dfn></em><noscript id="g4uwm"><option id="g4uwm"><delect id="g4uwm"></delect></option></noscript><abbr id="g4uwm"></abbr><xmp id="g4uwm"><strike id="g4uwm"><s id="g4uwm"></s></strike></xmp><ul id="g4uwm"></ul><li id="g4uwm"></li><source id="g4uwm"></source><xmp id="g4uwm"></xmp><small id="g4uwm"><button id="g4uwm"><samp id="g4uwm"></samp></button></small><strong id="g4uwm"><abbr id="g4uwm"><kbd id="g4uwm"></kbd></abbr></strong><abbr id="g4uwm"></abbr><rt id="g4uwm"><fieldset id="g4uwm"><optgroup id="g4uwm"></optgroup></fieldset></rt><center id="g4uwm"></center><th id="g4uwm"></th><center id="g4uwm"></center><input id="g4uwm"></input><strike id="g4uwm"></strike><input id="g4uwm"></input><em id="g4uwm"></em><menu id="g4uwm"></menu><strong id="g4uwm"><abbr id="g4uwm"><li id="g4uwm"></li></abbr></strong><center id="g4uwm"></center><wbr id="g4uwm"></wbr><source id="g4uwm"><cite id="g4uwm"><nav id="g4uwm"></nav></cite></source><abbr id="g4uwm"></abbr><xmp id="g4uwm"></xmp><abbr id="g4uwm"></abbr><cite id="g4uwm"></cite><source id="g4uwm"></source><button id="g4uwm"></button><td id="g4uwm"></td><li id="g4uwm"></li><tfoot id="g4uwm"><tr id="g4uwm"><menu id="g4uwm"></menu></tr></tfoot><fieldset id="g4uwm"><source id="g4uwm"><cite id="g4uwm"></cite></source></fieldset><optgroup id="g4uwm"></optgroup><button id="g4uwm"><kbd id="g4uwm"><em id="g4uwm"></em></kbd></button><option id="g4uwm"></option><strong id="g4uwm"></strong><th id="g4uwm"></th><li id="g4uwm"></li><source id="g4uwm"></source><code id="g4uwm"></code></div>
</html>
<script>
    $(".con img").each(function(){
        var src = $(this).attr("src");    //獲取圖片地址
        var str=new RegExp("http");
        var result=str.test(src);
        if(result==false){
            var url = "https://www.cdcxhl.com"+src;    //絕對(duì)路徑
            $(this).attr("src",url);
        }
    });
    window.onload=function(){
        document.oncontextmenu=function(){
            return false;
        }
    }
</script>