应用开发与实践第12章Ajax编程技术课案.pptVIP

通过Ajax的异步调用获取服务器端数据后，可以使用JavaScript或DOM将网页中的数据进行局部更新。下面介绍3种更新方法。 1．表单元素的数据更新 表单元素的数据更新是指更改表单元素的value属性值。 【例12-5】 更新指定的表单元素的数据。代码如下： html head script language=javascript type=text/javascript function Data_change() { document.form1.txt_data.value=新数据; } /script /head body form name=form1 input name=txt_data type=text id=txt_data value=原数据 input type=submit name=Submit value=数据更新 onClick=Data_change() /form /body /html 注意： 以上代码是实现表单元素的数据更新。如果要实现局部更新，应创建和使用XMLHttpRequest对象。 12.2.7 实现局部更新 2．IE浏览器标记间的文本更新 在HTML页面中，除了表单元素，还有很多其他元素。在元素的开始标记与结束标记之间往往会有文本内容。 IE浏览器标记间的文本更新是指使用元素的inne