jquery,ajax

问题描述

寻求帮助,哪位大侠可以帮忙给以ajax的例子和query的例子,详细点最好,在哪里可以查找到关于这两个的好资料!

解决方案

给你个ajax的例子,不过是用struts2写的package com.neusoft.etp.action;import java.io.PrintWriter;import java.util.List;import javax.servlet.http.HttpServletResponse;import org.apache.struts2.ServletActionContext;import com.neusoft.etp.bizservice.CheckSubjectBS;import com.neusoft.etp.domain.Tknowledge;import com.opensymphony.xwork2.ActionContext;import com.opensymphony.xwork2.ActionSupport;/** * <pre>[描述信息:说明类的基本功能]</pre> * * @author 王川 - wang.chuan@neusoft.com * @version 1.0 Created on May 31, 2012 5:49:19 PM */public class ShowWebTextAC extends ActionSupport {private static final long serialVersionUID = 1L; private Tknowledge tknowledge;public Tknowledge getTknowledge() {return tknowledge;}public void setTknowledge(Tknowledge tknowledge) {this.tknowledge = tknowledge;}public String findBySub() { try { HttpServletResponse response = (HttpServletResponse) ActionContext.getContext().get(ServletActionContext.HTTP_RESPONSE); response.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); List<String> list = checkSubjectBS.findBySub(tknowledge.getSubjecttype()); out.print(list); out.flush(); out.close(); } catch (Exception e) { System.out.println("异常信息:" + e); } return null; }}<html> <head> <title><s:property value="title" /></title> <script type="text/javascript"> var xmlHttp ; var flag = false ; function createXMLHttp(){ if(window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest() ; } else { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") ; } } function findBySub(){ createXMLHttp(); var obj=document.getElementById("tpapers.subjecttype"); xmlHttp.open("POST","etp/showTextAC.action",true); xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8"); xmlHttp.onreadystatechange = findBySubCallback ; xmlHttp.send("tknowledge.subjecttype="+obj.value); } function findBySubCallback(){ var sel=document.getElementById("tpapers.knowledge"); if(xmlHttp.readyState == 4){ if(xmlHttp.status == 200){ var text =xmlHttp.responseText; var arr=new Array(); var str=text.substring(1,text.length-1) ; arr=str.split(", "); for(var j=0;j<arr.length;j++){ sel.options.add(new Option(arr[j], arr[j])); } } } } </script> </head> <body> <h3>XmlHttp ajaxDemo</h3> <br /> Subject:<input type="text" id="tpapers.subjecttype" /> <button onclick="findBySub()">Ajaxsubmit</button><br /><br /> Knowledge:<select id="tpapers.knowledge" style="width:150"></select></body></html>这是我最近写的,我有很多例子,你要是想要的话,把你邮箱给我,我可以发给你
解决方案二:
jquery官方文档比较权威http://api.jquery.com/category/ajax/
解决方案三:
jquery: http://docs.jquery.com/Main_Pagejquery ajax: http://api.jquery.com/jQuery.ajax/
解决方案四:
网上随便搜搜 很多的,W3CSCHOOL的或者其他的 http://www.w3school.com.cn/jquery/jquery_ajax.asphttp://www.ibm.com/developerworks/cn/xml/x-ajaxjquery.html

时间: 2024-11-02 09:46:01

jquery,ajax的相关文章

JQuery中Ajax()的data参数类型实例分析_jquery

本文实例分析了JQuery中Ajax()的data参数类型.分享给大家供大家参考,具体如下: 前面简单分析介绍了<ajax中data传参的两种方式>,对于ajax参数传递方式有了初步的了解,这里就来进一步分析一下ajax中data参数的类型. 假如现在有这样一个表单,是添加元素用的. <form id='addForm' action='UserAdd.action' type='post'> <label for='uname'>用户名</label>:&

jQuery使用$.ajax进行即时验证实例详解_jquery

本文实例讲述了jQuery使用$.ajax进行即时验证的方法.分享给大家供大家参考,具体如下: 这里实现使用jQuery和一般处理程序即时验证用户录入的学号是否重复,当光标离开输入框即给出提示. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddStudent.aspx.cs" Inherits="AddStudent" %> <!DOCTY

jQuery的Ajax用户认证和注册技术实例教程(附demo源码)_jquery

前面介绍了<jquery+ajax注册实时验证>及<jQuery使用$.ajax进行即时验证的方法>.这里进一步总结了jQuery的Ajax用户认证和注册技术.分享给大家供大家参考,具体如下: Ajax 表单提交是一个功能强大的技术,提供一种发送 web 表单的方法,无需重载浏览器窗口.jQuery 库让您使用 Ajax 表单提交功能进一步提供一个方便快捷的方法,以少量代码生成可用 Ajax 的 Web 表单.在本文中,学习如何使用 jQuery 创建基础 Ajax 表单提交,以及

利用jQuery及AJAX技术定时更新GridView的某一列数据_jquery

看到一个问题:定时更新GridView的某一列中的状态文本.马上就有了思路:GridView最后会生成表格,所以我们在页面中通过Ajax更新表格的列,从而达到ajax更新GridView的效果. 具体实现: 准备一个xml文件,用于存储要更新的数据,在页面中启动一个定时器,每隔5秒钟调用一个函数,函数里边通过$.ajax获取xml中的数据,解析xml,遍历表格行,匹配要更新的数据,更新. getuserlist.xml 定义一个UserList的根节点,下边每个UserItem对应一条数据,UI

jQuery结合ajax实现动态加载文本内容_jquery

ajax() 方法通过 HTTP 请求加载远程数据. 该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性. 最简单的情况下,$.ajax() 可以不带任何参数直接使用. 通过 AJAX 加载一段文本: jQuery 代码: $(document).ready(function(){ $("#b01&q

jquery 中ajax执行的优先级_jquery

今天在做用户注册时:发现了一个奇怪的问题,请看代码: $('input[name="username"]').blur(function(){ //验证格式 var pattern = /^[a-z][\w]{4,11}$/i; if(!pattern.test($(this).val())) { $(this).siblings('.desc').html('<font style="color:red;">5-12个字符,必须以字母开头,只能输入数字

jQuery+PHP+ajax实现微博加载更多内容列表功能_php技巧

在一些微博网站上我们经常可以看到这样的应用,微博内容列表上并没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击"查看更多"来加载更多记录.本文将结合jQuery和PHP给大家讲述如何实现这种功能. Ajax加载的基本原理:当页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个"查看更多"的链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作

jQuery基于$.ajax设置移动端click超时处理方法_jquery

本文实例讲述了jQuery基于$.ajax设置移动端click超时处理方法.分享给大家供大家参考,具体如下: 这里介绍jquery click事件如何在移动端自动转换成touchstart事件. 因为移动端click事件会比touchstart事件慢几拍 移动设备某个元素上事件执行顺序是: touchstart touchmove touchend click{mousedown->mousemove->mouseup} click事件在移动设备上虽然会识别但却是最后一个执行的,所以如果不把c

jQuery中ajax的load()与post()方法实例详解_jquery

本文实例讲述了jQuery中ajax的load()与post()方法.分享给大家供大家参考,具体如下: 一.load()方法 在jQuery ajax的load()方法能够载入远程 HTML 文件代码并插入至 DOM 中,这个与post,get还是有一点的区别,但可以快速在页面加载时就加载一个页面的html保存到dom中并且可执行哦. load()方法默认使用 GET 方式, 如果传递了data参数则使用Post方式. 传递附加参数时自动转换为 POST 方式.jQuery 1.2 中,可以指定