日期:2014-05-17  浏览次数:20648 次

jquery的ajax效果最简单实现 及innerhtml()和innertext()的区别

1.添加jquery的js

2.为元素添加动作(为了演示,直接写在了html中):

<td>客户名:<input type='text' id='name' onblur='burFunc()'  name='name' /></td>


3.添加处理函数:

function burFunc(){
  $.get('url',{                                            //使用的是get方法进行ajax操作
        name: $("#name").val()                             //传递给后端的参数  
  },function(data , textStatus){                           //data就是后端返回的数据
        .....                                              //一些操作
  },"json");                                               //表示后端返回的是json格式的数据
}

4,运行,ok!

另外,简单的介绍一下innerhtml()和innertext()的区别:

test.innerHTML:
  也对象的起始位置到终止位置的全部内容,包括Html标签。
  例如:“<span style="color:red">test1</span>  ”。

test.innerText:
  从起始位置到终止位置的内容, 但它去除Html标签
  例如:“test1”, 其中span标签去除了。