Question

我想将页面上的一些数据发送到servlet

所以我写了以下jquery来做这个

我使用所有数据构建一个json字符串，并直接将其发送到servlet

但我不知道如何从servlet中的ajax获取整个数据

$("#save").click
(
    function()
    {
        $.ajax
        (
            {
                url:'/WebApplication1/Controller',
                data:'{"name":"abc","address":"cde"}',
                type:'post',
                cache:false,
                success:function(data){alert(data);},
                error:function(){alert('error');}
            }
        );
    }
);

如果看到chrome

的请求标头的表单数据段

你会看到整个json字符串是关键。

Request URL:http://192.168.0.13/WebApplication1/Controller
Request Method:POST
Status Code:404 Not Found
Request Headersview source
Accept:*/*
Accept-Charset:Big5,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:zh-TW,zh;q=0.8,en-US;q=0.6,en;q=0.4
Connection:keep-alive
Content-Length:112
Content-Type:application/x-www-form-urlencoded
Host:192.168.0.13
Origin:http://192.168.0.13
Referer:http://192.168.0.13/system_admin/building.html
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.910.0 Safari/535.7
X-Requested-With:XMLHttpRequest
Form Dataview URL encoded
{"name":"abc","address":"cde"}:
Response Headersview source
Accept-Ranges:bytes
Connection:Keep-Alive
Content-Language:en
Content-Type:text/html; charset=iso-8859-1
Date:Wed, 15 Feb 2012 12:37:24 GMT
Keep-Alive:timeout=5, max=100
Server:Apache/2.2.14 (Win32) DAV/2 mod_ssl/2.2.14 OpenSSL/0.9.8l mod_autoindex_color PHP/5.3.1
Transfer-Encoding:chunked
Vary:accept-language,accept-charset

Answer 1

看这里，

data:'{"name":"abc","address":"cde"}',

您的data attribtue错了。它不应该是字符串，而是真正的JSON对象。删除那些单引号。

data:{"name":"abc","address":"cde"},

这种方式可以通过常规方式在servlet中使用

String name = request.getParameter("name"); // abc
String address = request.getParameter("address"); // cde

另见：

jQuery.ajax() documentation

Answer 2

你可以通过ajax发送数据而不需要任何形式，你可以通过GET或POST来完成，但你必须以某种方式调用执行ajax请求的函数（http请求）。

例如，您可以通过链接调用您的函数：

html：

<a href="" onClick="javascript: yourAjaxCallFunction(parameters)" >Link Text</a>

javascript：

function yourAjaxCallFunction(parameters) 
{
  //this function sends the request via jquery ($().ajax) 
  sendHttpRequest(parameters);

  //this one handles the response (process data)
  processResult();
}

此链接可能是您正在寻找的 ajax function in jQuery documentation

如何通过servlet中的ajax获取数据？

2 个答案:

另见：