2014-06-06 41 views
-2

..阿賈克斯onclick事件不會我有以下與HTML按鈕HTML代碼中的服務器端

   Name*:<input type="text" name="name" id="name" value="" /> 
       <br /> 
       Your Email*:<input type="text" name="email" id="email" value="" /> 
       <br /> 
       Phone Number:<input type="text" name="phone" id="phone" value="" /> 
       <br /> 
       Mobile*:&<input type="text" name="mobile" id="mobile" value="" /> 
       <br /> 
       Country*:<input type="text" name="country" id="country" value="" /> 
       <br /> 
       Please Describe About Requirements: 
       <textarea id="TextArea1" name="S1" rows="1"></textarea> 

       <br /><br /> 
       <input type="submit" name="submit" id="submit" value="Submit" /> 

現在在這裏,我希望做一個AJAX點擊事件將數據發送到服務器端,但我沒有得到任何XHR而在服務器端代碼沒有看到我能夠debug.I在使用Visual Studio 2010中

Ajax代碼..

  <script type="text/javascript"> 
     $(document).ready(function() { 

      $('#submit').click(function (evt) { 
       evt.preventDefault(); 
       var name = $('#name').val(); 
       var email = $('#email').val(); 
       var phone = $('#phone').val(); 
       var mobile = $('#mobile').val(); 
       var country = $('#country').val(); 
       var textarea = $('#TextArea1').val(); 

       var URL = 'getGriddahico.ashx?name=' + $('#name').val() + '&email=' + $('#email').val() + '&phone=' + $('#phone').val() + '&mobile=' + $('#mobile').val() + '&country=' + $('#country').val() + '&textarea=' + $('#textarea').val(); 

       alert("hii"); 

      }); 

     }); 

     </script> 

雖然我能夠得到斐伊川在警報框.. 請幫我..

+5

代碼中的ajax調用在哪裏? –

+0

你想不用寫代碼來做Ajax? –

回答

1

你錯過了ajax調用本身。

var URL = 'getGriddahico.ashx?name=' + $('#name').val() + '&email=' + $('#email').val() 
      + '&phone=' + $('#phone').val() + '&mobile=' + $('#mobile').val() + 
     '&country=' + $('#country').val() + '&textarea=' + $('#TextArea1').val(); 

$.ajax({ 
url:URL, 
type: "GET",// default is GET (as you are sending data as parameter) 
success:function(result){} 
}); 
+0

我在URL – user3699193

+0

@ user3699193中得到textarea ='undefined'錯誤,你的textarea的id是什麼?我認爲它的TextArea1。 –

+0

好吧現在我改變了 user3699193

0

使用這種AJAX調用你的點擊函數中

$.ajax({ url: "test.html", context: document.body }).done(function() { $(this).addClass("done"); });

0

做這些修改

var formData= {name:"abc",age:"15"}; // add more parameters like this which you want to send on server. 

$.ajax({ 
    url : "getGriddahico.ashx", 
    type: "POST", 
    data : formData, 
    success: function(data, textStatus, jqXHR) 
    { 
     //data - response from server 
    }, 
    error: function (jqXHR, textStatus, errorThrown) 
    { 

    } 
}); 
0

環繞你的HTML form標籤如:

<form id="form1"> </form> 

,改變你的jQuery提交表單的事件,而不是點擊:

$('#form1').submit(function (evt) { ... }); 

當然,你缺少的AJAX本身...

0

嘗試像這樣,將幫助您....

var URL = 'getGriddahico.ashx?name=' + $('#name').val() + '&email=' + $('#email').val() + '&phone=' + $('#phone').val() + '&mobile=' + $('#mobile').val() + '&country=' + $('#country').val() + '&textarea=' + $('#textarea').val(); 

$.ajax({ 
    url:URL, 
    success:function(){ 
     alert("Hii") 
    } 
}); 
+0

我在URL中獲取textarea ='undefined'錯誤如何刪除此 – user3699193