java ajax_Ajax Java示例

要创建ajax示例，需要使用服务器端语言，例如：Servlet，JSP，PHP，ASP.Net等。这里使用JSP来生成服务器端代码。

在这个例子中，只是打印给定数字的表。

使用jsp创建ajax示例的步骤

需要按照以下步骤操作：

加载org.json.jar文件。

创建输入页面以接收文本或数字。

创建服务器端页面以处理请求。

在web.xml文件中提供条目。

第1步：加载org.json.jar文件

下载此示例，在WEB-INF/lib目录中包含了org.json.jar文件。

第2步：创建输入页面以接收文本或数字

在此页面中，我们创建了一个从用户获取输入的表单。当用户单击showTable按钮时，将调用sendInfo()函数。在这个函数中编写了所有的ajax代码。

只要准备好状态更改，我们就调用了getInfo()函数。它通过innerHTML属性动态地将返回的数据写入网页。

文件：table1.html

var request;

function sendInfo() {

var v = document.vinform.t1.value;

var url = "index.jsp?val=" + v;

if (window.XMLHttpRequest) {

request = new XMLHttpRequest();

}

else if (window.ActiveXObject) {

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

}

try {

request.onreadystatechange = getInfo;

request.open("GET", url, true);

request.send();

}

catch (e) {

alert("Unable to connect to server");

}

}

function getInfo() {

if (request.readyState == 4) {

var val = request.responseText;

document.getElementById('amit').innerHTML = val;

}

}

This is an example of ajax

第3步：创建服务器端页面以处理请求

在这个jsp页面中，我们打印给定数字的表格。

文件：index.jsp

int n=Integer.parseInt(request.getParameter("val"));

for(int i=1;i<=10;i++)

out.print(i*n+"
");

%>

文件：web.xml

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

30

table1.html

输出结果如下 -

¥ 我要打赏

纠错/补充

收藏

加QQ群啦，易百教程官方技术学习群

注意：建议每个人选自己的技术方向加群，同一个QQ最多限加 3 个群。