ajax。。。。。。

ajax。。。。。。,第1张

使用Ajax.Updater类

如果你的服务器的另一端返回的信息已经是HTML了,那么使用这个程序包中 Ajax.Updater 类将使你的生活变得更加得容易。用它你只需提供哪一个元素需要被AJAX请求返回的HTML填充就可以了,例子比我写说明的更清楚。

<script>

function getHTML()

{

var url = 'http://yourserver/app/getSomeHTML'

var pars = 'someParameter=ABC'

var myAjax = new Ajax.Updater(

'placeholder',

url,

{

method: 'get',

parameters: pars

})

}

</script>

<input type=button value=GetHtml onclick="getHTML()">

<div id="placeholder"></div>

你可以看到,这段代码比前面的例子更加简洁,不包括 onComplete 方法,但是在构造方法中传入了一个元素id。 我们来稍稍修改一下代码来描述如何在客户端处理服务器段错误成为可能。

我们将加入更多的选项, 指定处理错误的一个方法。这个是用 onFailure 选项来完成的。我们也指定了一个 placeholder 只有在成功请求之后才会被填充。为了完成这个目的我们修改了第一个参数从一个简单的元素id到一个带有两个属性的对象, success (一切OK的时候被用到) 和 failure (有地方出问题的时候被用到) 在下面的例子中没有用到failure属性,而仅仅在 onFailure 处使用了 reportError 方法。

<script>

function getHTML()

{

var url = 'http://yourserver/app/getSomeHTML'

var pars = 'someParameter=ABC'

var myAjax = new Ajax.Updater(

{success: 'placeholder'},

url,

{

method: 'get',

parameters: pars,

onFailure: reportError

})

}

function reportError(request)

{

alert('Sorry. There was an error.')

}

</script>

<input type=button value=GetHtml onclick="getHTML()">

<div id="placeholder"></div>

如果你的服务器逻辑是连同HTML 标记返回JavaScript 代码, Ajax.Updater对象可以执行那段JavaScript代码。为了使这个对象对待响应为JavaScript,你只需在最后参数的对象构造方法中简单加入evalScripts: true属性。但是值得提醒的是,像这个选项名evalScripts暗示的,这些脚本会被执行,但是它们不会被加入到Page的脚本中。“有什么区别?”,可能你会这样问。我们假定请求地址返回的东东像这样:

<script language="javascript" type="text/javascript">

function sayHi(){

alert('Hi')

}

</script>

<input type=button value="Click Me" onclick="sayHi()">

如果你以前这样尝试过,你知道这些脚本不会如你所期望的那样工作,原因是这段脚本会被执行,但像上面这样的脚本执行并不会创建一个名叫sayHi的函数,它什么也不做。如果要创建一个函数,我们应当把代码改成下面这个样子:

<script language="javascript" type="text/javascript">

sayHi = function(){

alert('Hi')

}

</script>

<input type=button value="Click Me" onclick="sayHi()">

为什么我们在上面的代码中不使用var关键字来声明这个变量呢(指sayHi ),因为那样做创建出来的函数将只是当前脚本块的一个局部变量(至少在IE中是这样)。不写var关键字,创建出来的对象的作用域就是我们所期望的window。

一、场景:通过jQuery的ajax实现了一个简单的http请求,但是响应成功后,状态码为200,调用的确是error函数。 二、问题原因: ajax请求中dataType作用是预期服务器响应的数据类型,服务器响应内容是“success”字符串,无法和dataType设置的JSON匹配,因此调用了error函数 三、解决方法: 如果把dataType删除,还是得不到预期结果,需要根据服务器返回内容来设置,因为我服务器返回的是“success”字符串,所以,dataType设置“text”即可,如果是JSON格式字符串,将dataType设置成“JSON”即可。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/555152.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-06-29
下一篇2023-06-29

发表评论

登录后才能评论

评论列表(0条)

    保存