Java中jQueryAjax实例.docx

44

45

46

复制代码

47importjava.io.IOException;

48importjava.io.PrintWriter;

49

50importjavax.servlet.ServletException;

51importjavax.servlet.http.HttpServlet;

52importjavax.servlet.http.HttpServletRequest;

53importjavax.servlet.http.HttpServletResponse;

54

55publicclasstestextendsHttpServlet{

56

57/**

58*ThedoPostmethodoftheservlet.

59*

60*Thismethodiscalledwhenaformhasitstagvaluemethodequalstopost.

61*

62*@paramrequesttherequestsendbytheclienttotheserver

63*@paramresponsetheresponsesendbytheservertotheclient

64*@throwsServletExceptionifanerroroccurred

65*@throwsIOExceptionifanerroroccurred

66*/

67publicvoidservice（HttpServletRequestrequest,HttpServletResponseresponse）

68throwsServletException,IOException{

69//处理中文问题

70request.setCharacterEncoding（"utf-8"）;

71response.setContentType（"text/html;charset=utf-8"）;

72System.out.println（"start............"）;

73Stringusername=request.getParameter（"username"）;

74Stringcontent=request.getParameter（"content"）;

75//username=newString（username.getBytes（"gb2312"）,"utf-8"）;

76PrintWriterout=response.getWriter（）;

77out.write（username）;

78System.out.println（"username>>=="+username）;

79out.write（content）;

80out.flush（）;

81out.close（）;

82System.out.println（"end"）;

83}

84

85}

复制代码

下面来看第二个demo

86<%@pagelanguage="java"pageEncoding="utf-8"%>

87

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

88

89

90

91

92

93

94

95

96

97type="text/javascript">

98

99$（function（）{

100$（".sumbit"）.click（function（）{

101varv=$（"#account"）.val（）;

102if（$（"#account"）.val（）.length==0）{

103$（".hint"）.text（"用户名不能位空"）.css（{"background-color":

"green"}）;

104}else{

105$.ajax（{

106type:

"get",

107url:

"servlet/JqueryAjaxServlet",

108data:

{account:

$（"#account"）.val（）},

109dataType:

"json",//很重要!

!

!

.预期服务器返回的数据类型,

110success:

function（data）{

111$.each（data.jsonArrayy,function（index）{

112$.each（data.jsonArray[index],function（key,value）{

113alert（key+":

"+value）;

114}）;

115}）;

116

117$（"body"）.append（"

118},

119error:

function（）{

120alert（"erroroccured!

!

!

"）;

121}

122

123}）;

124}

125}）;

126}）;

127

128

129

130

131jqueryAjaX

132

133请输入你的账户：

134

135

136