Javascript 使用ajax向Web服务发送JSON

为了将表单中的多个值以json字符串的形式发布到我的web服务，我应该在下面的代码中做哪些修改

我已经试过了-

  <script>

    function ajaxRequest(){
        var  xmlhttp = new XMLHttpRequest();
             xmlhttp.onreadystatechange = function() {
              if(xmlhttp.readyState == 4){
                 alert(xmlhttp.readyState);
                }
                };
                var namevalue=encodeURIComponent(document.getElementById("name").value);
              //  var fname=encodeURIComponent(document.getElementById("lastname"));
                var parameters="name="+namevalue
                var url="http://localhost:41191/test/resources/postservice";
            xmlhttp.open("POST",url,true);
            xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
            xmlhttp.send(parameters)

   }
</script>

函数ajaxRequest（）{
var xmlhttp=new XMLHttpRequest（）；
xmlhttp.onreadystatechange=函数（）{
if（xmlhttp.readyState==4）{
警报（xmlhttp.readyState）；
}
};
var namevalue=encodeURIComponent（document.getElementById（“name”）.value）；
//var fname=encodeURIComponent（document.getElementById（“lastname”）；
var parameters=“name=”+namevalue
变量url=”http://localhost:41191/test/resources/postservice";
open（“POST”，url，true）；
setRequestHeader（“内容类型”，“应用程序/x-www-form-urlencoded”）
发送（参数）
}

也使用-

    function ajaxRequest(){
        var  xmlhttp = new XMLHttpRequest();
             xmlhttp.onreadystatechange = function() {
              if(xmlhttp.readyState == 4){
                 alert(xmlhttp.readyState);
                }
                };

var parameters = { "name": $('#name').val(), "firstname": $('#fname').val() };
                var url = 'http://localhost:41191/test/resources/storeincompleteform';
                xmlhttp.open('POST', url, true);
                xmlhttp.setRequestHeader('Content-type', 'application/json')
                xmlhttp.send(JSON.stringify(parameters)); }
 </script>

函数ajaxRequest（）{
var xmlhttp=new XMLHttpRequest（）；
xmlhttp.onreadystatechange=函数（）{
if（xmlhttp.readyState==4）{
警报（xmlhttp.readyState）；
}
};
var参数={“name”：$（'#name'）.val（），“firstname”：$（'#fname'）.val（）；
var url='1〕http://localhost:41191/test/resources/storeincompleteform';
open（'POST'，url，true）；
setRequestHeader（'Content-type'，'application/json'）
xmlhttp.send（JSON.stringify（参数））；}

这将在POST请求正文中发送以下数据：

{"name":"value1","name2":"value2"}

JSON.stringify

方法本机内置于现代浏览器中，但如果您想支持某些传统浏览器，可以参考该脚本

这将在POST请求正文中发送以下数据：

{"name":"value1","name2":"value2"}

---

>代码> JSON。StrugInt[/Cord>]方法是内置于现代浏览器中的，但是如果你想支持一些传统浏览器，你可以引用脚本。

此外，你应该考虑查看，以便只将JSON2.JS加载到实际需要的浏览器上。对于本机支持它的浏览器，可以节省带宽。@Arpitolanki，当你说

不工作时，你能表达得更清楚一点吗？您是否尝试在javascript调试工具中检查AJAX请求？请求是否已发送？服务器响应了什么？我还注意到，您已经在url参数中指定了一个绝对地址，但是您应该注意浏览器中内置的限制，它阻止您发送跨域AJAX请求。我希望这不是您的情况，但请确保您也检查了此方面。我发布的第二个..它从文本框中获取值..我正在尝试将此值插入数据库，但它不起作用我在POST请求后收到一个警报。它显示一条消息，但没有发生任何事情ID您验证服务器端脚本是否正确打同样的原产地策略呢？你也应该考虑一下，只把JSON2.JS加载到实际需要的浏览器上，并在有本地支持的浏览器的情况下节省带宽。@ ArpitSolanki，当你说“代码不工作”时，你能表现得更富有表现力吗？您是否尝试在javascript调试工具中检查AJAX请求？请求是否已发送？服务器响应了什么？我还注意到，您已经在url参数中指定了一个绝对地址，但是您应该注意浏览器中内置的限制，它阻止您发送跨域AJAX请求。我希望这不是您的情况，但请确保您也检查了此方面。我发布的第二个..它从文本框中获取值..我正在尝试将此值插入数据库，但它不起作用我在POST请求后收到一个警报。它显示一条消息，但没有发生任何事情ID您验证服务器端脚本是否正确打同一原产地政策呢？