2012-11-12 64 views
0

我在HTML文件中的以下代碼:如何從HTML傳遞價值的ASPX文件在Visual Studio 2010

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
<script type="text/javascript"> 

    function myFunction() { 
     debugger; 
     var checkedvalue = ""; 
     var arrChecks = document.getElementsByName("theCheckbox"); 

     for (i = 0; i < arrChecks.length; i++) 
     { 
      // if the current state is checked, unchecked and vice-versa 
      if (arrChecks[i].checked) { 
       arrChecks[i].checked = false; 
      } else { 
       arrChecks[i].checked = true; 
       checkedvalue = checkedvalue + " " + arrChecks[i].getAttribute('value'); 
      } 

     } 

     document.getElementById("demo").innerHTML = checkedvalue; 
    } 


    function makeCheckboxes(str) { 
     var a = document.getElementById("blah"); 
     var arr = str; 
     var returnStr = ""; 
     for (i = 0; i < arr.length; i++) { 
      returnStr += '<input type="checkbox" name="theCheckbox" value="' + arr[i] + '" />' + arr[i]; 
     } 
     a.innerHTML = returnStr; 
    } 

    window.onload = function() { 
     var arrt = ["test1", "test2", "apple", "samsung", "nokia"]; 

     makeCheckboxes(arrt); 
    }; 

</script> 
<style type="text/css"></style> 
</head> 
<body> 
    <table border="1"> 
     <tr> 
     <td id="blah"></td> 
     <td>checkboxes should appear left of here</td> 
     <button onclick="myFunction()">Click me</button> 
     </tr> 
    </table> 

     <p id="demo"></p> 
</body> 
</html> 

那麼,如何從一個HTML文件中的值傳遞給一個ASPX文件,它是爲了將單個HTML文件中的值存儲到數據庫而構建的?

假設用戶選中複選框test1,test2nokia,然後單擊Click me按鈕。變量samsungapple將被轉移到ASPX文件並存儲爲變量,我可以稍後將其存儲到數據庫中。

對於您的信息,我不希望將使用URL的變量信息傳遞給aspx文件。 (如http://website.com/info.aspx?var=samsung&var=apple

回答

1

這是HTML頁面的樣本發送變量ASPX頁面,在你的aspx頁面的CS文件在HTML中使用的HTML頁面通常
未來變量ASPX

protected void Page_Load(object sender, EventArgs e) 
     { 
      string s = Request.Form.Get("param1"); 
     } 

的CS代碼

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Untitled Page</title> 

    <script src="jquery-1.7.1.min.js" type="text/javascript"></script> 

    <script src="jquery.mobile-1.1.1.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 

     myFunction = function() { 
      var txtValue = document.getElementById("mytxt").value; 
      try { 
       $.ajax({ 
        type: "POST", 
        url: "Default.aspx", 
        data:"param1=" + txtValue , 
        contentType: "application/x-www-form-urlencoded; charset=utf-8", 
        dataType: "html", 
        success: function(msg) { 
        }, 
        error: function(xhr, status, error) { 
         alert('Error'); 
        } 
       }); 
      } 
      catch(e) 
      { 
       alert(e); 
      } 

     }; 


    </script> 


</head> 
<body> 
    <table > 
     <tr> 
      <td id="blah"> 
       <input id="mytxt" type="text" /> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <input type="button" value="Redirect" onclick="myFunction()" /> 
      </td> 
     </tr> 
    </table> 
</body> 
</html> 
+0

它是如此解決? – 2012-11-13 08:54:55

+0

是的,你的第二個答案好多了。順便說一句,我可以知道哪本書教給你你提供的代碼嗎? – Jack

+0

這不是一本書,我從搜索體驗中獲得該代碼:)但任何方式,你可以嘗試這本書先進的JavaScript「查克伊斯托姆」大多數人說這是驚人的,但我沒有讀它:) – 2012-11-21 12:18:20

0

在烏拉圭回合的HTML文件做一個Javascript代碼,並把這個代碼就可以了

$.ajax({ 
      type: "POST", 
      url: "../YourAspxpath/yourAspxFile.aspx", 
      data: { param1: "value", param2: "value" }, 
      contentType: "application/x-www-form-urlencoded; charset=utf-8", 
      dataType: "html", 
      success: function (msg) { 
       //do what ever you wnt here in case of success 
      }, 
      error: function (xhr, status, error) { 
       alert('Error'); 
      } 
     }); 
+0

我可以知道'yourAspxFile.aspx'如何讀取變量值嗎? – Jack

+0

肯定兄弟等我將編輯答案 – 2012-11-12 09:08:20

+0

現在aspxfile.cs的頁面加載使用的Request.Form(參數1),的Request.Form(參數2) – 2012-11-12 09:16:55