码迷,mamicode.com
首页 > Web开发 > 详细

jQuery $get()与$post简单用法

时间:2016-08-27 16:55:04      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:jquery $get()与$post简单用法

//get1、html  数据格式为html
<script language="javascript" >
	$(function(){
	   $("#send").click(function(){
			$.get("get1.jsp", { 
						username : $("#username").val(), 
						content : $("#content").val()  
					}, function (data, textStatus){
                        $("#resText").html(data); // 把返回的数据添加到页面上
					}
			);
	   })
	})
</script>
<form id="form1">
<p>评论:</p>
 <p>姓名: <input type="text" name="username" id="username" /></p>
 <p>内容: <textarea name="content" id="content" ></textarea></p>
 <p><input type="button" id="send" value="提交"/></p>
</form>

<div  class=‘comment‘>已有评论:</div>
<div id="resText" >
</div>


// get1、jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
  String username = request.getParameter("username");
  String content = request.getParameter("content");
  out.println("<div class=‘comment‘><h6> "+username+" :</h6><p class=‘para‘> "+content+" </p></div>");
%>


本文出自 “11820140” 博客,请务必保留此出处http://11830140.blog.51cto.com/11820140/1843184

jQuery $get()与$post简单用法

标签:jquery $get()与$post简单用法

原文地址:http://11830140.blog.51cto.com/11820140/1843184

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!