如何在Visual Studio 2010中將值從HTML傳遞到ASPX文件

Question

我的HTML文件中包含以下代碼：

<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文件，ASPX文件是用於將值從單個HTML文件存儲到數據庫的？

假設用戶選中test1 ， test2和nokia的復選框，然后單擊Click me按鈕。 變量samsung和apple將被傳輸到ASPX文件並存儲為變量，以后可以存儲到數據庫中。

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

Answer 1

這是html頁面的示例，將變量發送到aspx頁面，在aspx頁面的cs文件中，您可以正常使用來自html頁面的變量
在aspx的cs代碼中

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

在HTML中

<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>

Answer 2

在您的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');
            }
        });

如何在Visual Studio 2010中將值從HTML傳遞到ASPX文件

問題描述

2 個解決方案

解決方案1
1 已采納

解決方案2
0

如何在Visual Studio 2010中將值從HTML傳遞到ASPX文件

問題描述

2 個解決方案

解決方案1 1 已采納

解決方案2 0

解決方案1
1 已采納

解決方案2
0