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标签去除了。

jquery下的innerText:

     $('#xxx').html(...);


 


 

原文地址:https://www.cnblogs.com/chenjianhong/p/4144947.html