谁能提供一个简单的Ajax实例,通过js脚本代码实现的

jsp的希望做过相关功能的指导一下,我分不多帮我实现了我会加分的... jsp的希望做过相关功能的指导一下,我分不多
帮我实现了我会加分的
展开
 我来答
sx18170
推荐于2016-02-27 · 超过10用户采纳过TA的回答
知道答主
回答量:44
采纳率:0%
帮助的人:33.6万
展开全部
<script language="javascript">
var XMLHttpRequestObject=false;
if(window.XMLHttpRequest)
{
XMLHttpRequestObject=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
XMLHttpRequestObject=new ActiveXObject("Microsoft.XMLHTTP");
}
//以上代码是创建一个XMLHttpRequest对象
//下面是一个使用这个XMLHttpRequest对象的函数,这个函数获取服务器的一个文件内容并显示到网页
function getData(dataSource,divID)
{
if(XMLHttpRequestObject)
{
var obj=document.getElementById(divID);
XMLHttpRequestObject.open("GET",dataSource);
XMLHttpRequestObject.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XMLHttpRequestObject.onreadystatechange=function ()
{
if(XMLHttpRequestObject.readyState==4 && XMLHttpRequestObject.status==200)
{
obj.innerHTML=XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(NULL);
}
}

</script>
以下是<body>代码
<body>
<H1>This is an ajax demo</H1>
<form>
<input type="button" value="Fetch the message" onclick="getData('data.txt','dataDiv')"/>

</form>
<div id="dataDiv">
<p>The fetch message will appear here</p>
</div>
</body>
你需要在当前页面文件夹下建一个data.txt文件、点击那个按钮、然后txt里的东西会显示在dataDiv的内容里面
催命鬼儿xp
2021-03-11 · TA获得超过326个赞
知道答主
回答量:147
采纳率:100%
帮助的人:5万
展开全部
<script type="text/javascript">
// 封装创建XMLHttpRequest对象
function createXMLHTTPObject() {
var XMLHttpFactories = [
function () { return new XMLHttpRequest() },
function () { return new ActiveXObject("Msxml2.XMLHTTP") },
function () { return new ActiveXObject("Msxml3.XMLHTTP") },
function () { return new ActiveXObject("Microsoft.XMLHTTP") },
];
var xmlhttp = false;
for (var i = 0; i < XMLHttpFactories.length; i++) {
try {
xmlhttp = XMLHttpFactories[i]();
}
catch (e) {
continue;
}
break;
}
return xmlhttp;
}
//封装异步请求函数
function request(url, callback, data) {
var xmlHttp = createXMLHTTPObject();
if (!xmlHttp) return;
var method = (data) ? "POST" : "GET";
xmlHttp.open(method, url, true);
xmlHttp.setRequestHeader('User-Agent', 'XMLHTTP/1.0');
if (data)
xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState != 4) return;
if (xmlHttp.status != 200 && xmlHttp.status != 304) {
alert('HTTP请求错误 ' + xmlHttp.status);
return;
}
callback(xmlHttp);
}
if (xmlHttp.readyState == 4) return;
xmlHttp.send(data);
}
</script>

<script type="text/javascript">
//定义请求地址
var mi = document.domain
var url = "http://ip-api.com/json/?lang=zh-CN";
//定义回调函数,参数为XMLHttpRequest对象
var callback = function (xmlHttp) {
var info = xmlHttp.responseText;
var o = eval("(" + info + ")");

$("#michen").html("通过接口动态查询IP" + JSON.stringify(o));

//alert(info);
// alert(o[1].name);

}
//调用请求函数
request(url, callback);

</script>
<span id="michen"></span>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ccppv
2010-08-02 · TA获得超过2994个赞
知道大有可为答主
回答量:5074
采纳率:40%
帮助的人:2975万
展开全部
JSP的我没做过。不过咧。JS我写过不少。AJAX也写过。

如果你能把后台实现,JS部分我可以帮你。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xiangnanyujing
2012-08-21
知道答主
回答量:38
采纳率:0%
帮助的人:18.3万
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式