使用 Javascript 插入数据库答案

【问题标题】：Database Insert with Javascript使用 Javascript 插入数据库
【发布时间】：2013-08-19 04:40:11
【问题描述】：

我正在尝试向数据库中插入一些数据。使用javascript 但现在似乎一切都搞砸了。我该如何修复此代码

<script type="text/javascript">
//veritabanına ürün ekleme yapacağımız fonksiyon
//onreadystatechange ile durum değişikliği kontrolü yaptık.
function add() {
    var request;
    try {
        request = new XMLHttpRequest();
        request.open("POST", "Webform1.aspx");
        request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        request.onreadystatechange = function () {
            if (request.readystate == 4) {
                request.send("mail=" + document.all.Text1.value);
            }
        }
    } catch (e) {
    }
}
</script>

【问题讨论】：

我强烈建议您使用服务器端代码插入数据库。
只是学习目的
为什么在readystatechange 内做send？
您没有在此代码中执行“使用 Javascript 插入数据库”。您只是在对表单执行 POST 请求（也是错误的）

标签： javascript asp.net xmlhttprequest

【解决方案1】：

我建议使用 jQuery 对服务器进行 POST，因为它可以消除您在使用 XHR (XmlHttpRequest) 时遇到的跨浏览器问题，如下所示：

$.ajax({
    type: 'POST',
    url: "Webform1.aspx",
    data: {'mail': mailValue },
    cache: false,
    success: function (data) {
        alert(data); 
    }
});

你也可以通过查询字符串传递，像这样：

$.ajax({
    type: 'POST',
    url: "Webform1.aspx?mail=mailValue",
    cache: false,
    success: function (data) {
        alert(data); 
    }
});

其次，我建议你在服务器上调用一个服务，比如：ASP.NET XML Web Service .asmx，WCF，ASP.NET Web API，或者ASP.NET AJAX Page Method，因为它会给你JavaScript 与服务器通信所需的端点，但不是整个 ASP.NET 页面的全部开销。

【讨论】：