jquery之ajax之$.get方法的使用
2024-09-22 00:12:12
jquery对ajax进行了封装,非常方便。
自己用$.get()方法写了个小demo,包括客户端和服务端。
客户端:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-3.1.0.min.js"></script>
</head>
<body>
<div id="div">
<div >
<span class="f1">电影</span>
<span class="f2"><input id="btn" type="button" value="加载" ></span>
</div>
<ul></ul>
</div>
<script type="text/javascript">
$(function(){
$("#btn").bind("click",function(){
var $this= $(this);
$.get("../jsp/test4.jsp",function(data){
$this.attr("disabled","true");
$("ul").append("<li>"+ data+ "</li>");
});
});
});
</script>
</body>
</html>
服务器端(jsp):
<%@page import="org.json.simple.JSONObject"%>
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
<%
String msg= "你好吗?ajax";
response.getWriter().print(msg);
%>
</body>
</html>
如果需要在服务器端返回json格式的数据,可以使用json_simple-1.1.jar类库中的JSONObject.
/* JSONObject jsonObject= new JSONObject();
jsonObject.put("name", "小强");
jsonObject.put("say", "你真牛");
/* out.print(jsonObject.toJSONString());
out.flush(); */
/* response.getWriter().print(jsonObject.toJSONString());
System.out.print("visit jsp success2"); */
//System.out.print(jsonObject.toJSONString());
最新文章
- Hawk 3. 网页采集器
- PHP面向对象笔记
- 前端工程师如何快速的开发一个微信JSSDK应用
- setValue和setObject的区别
- 调试SQLSERVER (三)使用Windbg调试SQLSERVER的一些命令
- JavaScript实现样式表的简单切换
- 轻松绕过极域电子教室、和教师控制 Say GoodBye
- Mybatis bug修正
- 【原创】《算法导论》链表一章带星习题试解——附C语言实现
- AngularJS 初学笔记(理论基础)
- 猜数字游戏--基于python
- [LeetCode] Card Flipping Game 翻卡片游戏
- Ajax 异步局部刷新
- Day 10733 使用独立安装包安装.Net Framework 4.6.2时,提示『无法建立到信任根颁发机构的证书链』
- leetcode141
- 「LOJ2000~2023」各省省选题选做
- HBase最佳实践-管好你的操作系统
- python day 07-数据类型补充,集合,深浅拷贝
- 单片机程序在内存和FLASH中的空间分配
- arcgis 加载高德地图 es6的方式