Ajax 入门

最新推荐文章于 2025-07-30 20:41:54 发布

skycliff

最新推荐文章于 2025-07-30 20:41:54 发布

阅读量561

点赞数

CC 4.0 BY-SA版权

文章标签： ajax xmlhttprequest function mozilla javascript 浏览器

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/skycliff/article/details/1911570

最近，想学学ajax，所以整个入门例子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>ajax.html</title>

</head>

<script language="javascript">

var http_request = false;

var currentPos = null;

var number1=0;

var number2=0;

function send_request(url) {//初始化、指定处理函数、发送请求的函数

http_request = false;

//开始初始化XMLHttpRequest对象

if(window.XMLHttpRequest) { //Mozilla 浏览器

http_request = new XMLHttpRequest();

if (http_request.overrideMimeType) {//设置MiME类别

http_request.overrideMimeType('text/xml');

}

}

else if (window.ActiveXObject) { // IE浏览器

try {

http_request = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

http_request = new ActiveXObject("Microsoft.XMLHTTP");

} catch (e) {}

}

}

if (!http_request) { // 异常，创建对象实例失败

window.alert("不能创建XMLHttpRequest对象实例.");

return false;

}

http_request.onreadystatechange = processRequest;

// 确定发送请求的方式和URL以及是否同步执行下段代码

http_request.open("GET", url, false);

http_request.send(null);

}

// 处理返回信息的函数

function processRequest() {

if (http_request.readyState == 4) { // 判断对象状态

if (http_request.status == 200) { // 信息已经成功返回，开始处理信息

//alert(http_request.responseText);

document.getElementById("showData").innerHTML = http_request.responseText;

} else { //页面不正常

alert("您所请求的页面有异常。");

}

}

}

function showResult() {

document.getElementById("showData").innerHTML = "正在读取数据..."

number1=document.getElementById("number_1").value;

number2=document.getElementById("number_2").value;

send_request("ajax.jsp?number_1="+number1+"&number_2="+number2);

}

</script>

<body>

<input type="text" id="number_1"/>*<input type="text" id="number_2" onblur="showResult()"/>=

<label id="showData"></label><br>

</body>

</html>

//ajax.jsp

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>

<%String number1,number2;

number1=request.getParameter("number_1");

number2=request.getParameter("number_2");

out.println(Integer.valueOf(number1).intValue()*Integer.valueOf(number2).intValue());

%>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。