DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> jQuery之ajax post篇
jQuery之ajax post篇
編輯:AJAX詳解     

今天為大家獻上一個AJax的post例子。以下為script代碼部分

<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
     {
         //顯示進度條
         $("#loading").ajaxStart

(function(){
         $(this).show();
         });

         //提交前觸發的事件
         $("#msg").ajaxSend(function(request, settings){$(this).append

("<li>Starting request at " + settings.url + "</li>");});

          //這裡的countryid  可以動態從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的值

           //調用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('<');
           //當AJAX請求失敗時添加一個被執行的方法
           $("#msg").ajaxError

(function(request, settings){
           $(this).append("<li>Error requesting page " + settings.url + "</li>");
           });

            //當AJAX請求

成功時添加一個被執行的方法
           $("#msg").AJaxSuccess(function(request, settings){
           $(this).append(text[0]);
           });

          //清空文本

裡面的值
           $("#<%=this.typeName.ClientID%>").val("");
           $("#<%=this.showTypeDesc.ClientID%>").val("");
           return false;

   }
           });
      }
   }

    //獲取下拉菜單裡面的文本內容
    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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved