0

我的 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 文件，该文件是为了将单个 HTML 文件中的值存储到数据库而构建的？

假设用户选中 的复选框test1，test2然后nokia单击Click me按钮。该变量将被传输到 ASPX 文件samsung并apple作为变量存储，我以后可以将其存储到数据库中。

为了您的信息，我不希望使用 URL 将变量信息传递给 aspx 文件。（例如http://website.com/info.aspx?var=samsung&var=apple）

4

2 回答 2

1


这是一个 html 页面示例，将变量发送到 aspx 页面，在 aspx 页面的 cs 文件中，您可以在 aspx 的 cs 代码中 正常使用来自 html 页面的变量

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>
于 2012-11-12T11:25:37.500 回答
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');
            }
        });
于 2012-11-12T09:05:09.447 回答