ajax弹出提示信息
ajax弹出提示信息
1、 输入域:
<h2>工具提示</h2>
<hr>
<a href="#" onmouseover="over(0)" onmouseout="out()">物品一</a><br><br>
<a href="#" onmouseover="over(1)" onmouseout="out()">物品二</a><br><br>
<a href="#" onmouseover="over(2)" onmouseout="out()">物品三</a><br><br>
<div id="tip" style="position:absolute;display:none;border:1px;border-style:solid;">
<table id="tipTable" border="0" bgcolor="#ffffee">
<tr align="center">
<td><img id="photo" src="" height="80" width="80"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</div>
2、 JavaScript脚本:
<script type="text/javascript">
var xmlHttp;
var x, y; //记录事件发生时的鼠标位置
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
&nb
相关文档:
data类型
js代码:
$.post("getmaterial.do?method=getmaterial",
{name:name},
function (data) {
});
其中getmaterial.do?method=getmaterial是请求的url,{name:name}是传递到后台的参数,可以用
request.getParameter("name");获取,data是后台传递过来的数据。
action代码:
response.setContentType( ......
1.什么是Ajax?
Ajax的全称是:AsynchronousJavaScript+XML
2.Ajax的定义:
Ajax不是一个技术,它实际上是几种技术,每种技术都有其独特这处,合在一起就成了一个功能强大的新技术。
3.Ajax包括:
XHTML和CSS
使用文档对象模型(DocumentObjectModel)作动态显示和交互
使用XML和XSLT做数据交互 ......
在使用JQuery的ajax访问页面时,总是出错,得不到返回的html代码,又不知道出的什么错,百思不得其解
于是就用XMLHTTP去访问,结果也出错,不过能够得到错误原因,然后根据错误因为去网上查,终于得到了答案。。
原来jsp的编码与java的编码不一致
方案①
错误
<%@ page contentType="text/html;charset= ......
ajax进行用户的有效性检测示例
1、 输入域:
会员的有效性检查:
<input type="text" name="username"> <input type="button" value="检查" onclick="return check();">
2、 JavaScript脚本:
var xmlHttp;
//创建XMLHttpRequest ......