java与jquery-JSON练习题（二）-JavaSript-爱易网页

java与jquery-JSON练习题（二）

日期：2014-05-16　浏览次数：20555 次

java与jquery--JSON练习（二）

最近写的一个Java与Jquery解析json的小练习

有兴趣的同学可以参考一下

jsp页面：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'register.jsp' starting page</title>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  
  
   
  </head>
  
  <body>
     <h3>注册Json页面</h3>
     <hr/>
     
      用户名：<input type="text" id="username" name="username" /><br/>
     密码： <input type="password" id="pwd" name="pwd" /><br/>
     电话： <input type="text" id="tel" name="tel" /><br/>
    邮箱：  <input type="text" id="email" name="email" /><br/>
      <div id="result">
        描述： <textarea id="content" name="content" style="width:210px; height:100px;" readonly="readonly"></textarea>
      </div>
   
     <button id="b1">提交</button>
     
      <hr />
     
      
      
     <fieldset>
	   <legend>JSON Request</legend>
		<input name="JSONView" id="JSONView" style="width:100%;border:none"/>
	</fieldset>
	

	<div id="ajax"></div>
	
	
  </body>
</html>

 <script>
 
    $("#b1").click(function(){
       $.post("user/register",{username:$("#username").val(),pwd:$("#pwd").val(),tel:$("#tel").val(),email:$("#email").val()},
        function(data,textStatus){
          //alert("xixixixi");
          alert(data);
          $("#JSONView").val(data);
          
          var jsonObj=eval("("+data+")");
          for(var i=0;i<jsonObj.length;i++){
             alert(jsonObj[i].username);
             $input=$("<input />");
             $input.attr("name","usernamexuan");
             $input.attr("value",jsonObj[i].username);
             $("#ajax").append($input);
          }
          
          
       });
    });
     
</script>

java类：

package com.spring.controller;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;



import net.sf.json.JSONArray;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.servlet.ModelAndView;

import com.spring.model.JsonMoel;

@Controller
public class JqueryJsonTest {
	
	
	
	///////////////////////
	@RequestMapping(value="user/register", method = RequestMethod.POST)
	public ModelAndView PostJsonTest(HttpServletRequest request,HttpServletResponse response) throws IOException{
		
		response.setContentType("text/html,charset=UTF-8");
		PrintWriter out=response.getWriter();
		System.out.println("=====Json===");
		System.out.println("====

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

java与jquery-JSON练习题（二）

相关资料更多>

推荐阅读更多>