jQuery对ajax的支持

来源：互联网 2023-03-16 23:54:25 419

1.$.load(url,[data]); a.作用：向服务端异步的发送请求，将服务端返回的内容直接添加到符合要求的节点之上注：url：请求地址 data：请求参数，有两种格式：请求字符串格式'name=tom&age=22' json对象{'name':'tom','age':22} 弊端：只能发送异步请求，不能发送同步请求，不能对服务端响应回来的数据进行处理

工具/原料

eclipse

方法/步骤

%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="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">

jQuery对ajax的支持

script type="text/javascript">$(function(){$('a[class=s1]').click(function(){var flight = $(this).parent().siblings().eq(0).text();$(this).next().load('order.do',{'flight':flight});});})

jQuery对ajax的支持

2该信息非法爬取自百度经验

table cellpadding='0' cellspacing='0' width='80%' border='1px'>thead>tr>td>航班号/td>td>机型/td>td>票价/td>/tr>/thead>tbody>tr>

jQuery对ajax的支持

td>CA747/td>td>a href="#">波音客机/a>/td>td>a href="javaScript:;" class='s1'>查看所有票价/a>div>/div>/td>/tr>tr>td>MU193/td>td>a href="#">空客客机/a>/td>td>a href="javaScript:;" class='s1'>查看所有票价/a>div>/div>/td>/tr>/tbody>/table>

jQuery对ajax的支持

public class ActionServlet extends HttpServlet{@Overrideprotected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//post请求，解决乱码request.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");//获取请求地址PrintWriter out=response.getWriter();String path=request.getRequestURI();

jQuery对ajax的支持

String action=path.substring(path.lastIndexOf("/"),path.lastIndexOf("."));if(action.equalsIgnoreCase("/order")){String flight=request.getParameter("flight");if(flight.equals("CA747")){out.println("经济舱：345￥/br>头等舱：556￥");}else{out.println("经济舱：432￥/br>头等舱：879￥");}}}}

jQuery对ajax的支持

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JQUERY

上一篇：如何使用JQuery 下一篇：html+css3+jquery点击展开平滑下拉特效UI

jQuery对ajax的支持

工具/原料

方法/步骤

热门文章

标签列表