19 jQuery 介绍

1.jQuery能做什么

Query的基本设计思想和主要用法，就是“选择某个网页元素，然后对其进行某种操作”。 jQuery也就是DOM操作的API。

1.取得文档中的元素
jQuery强大的特性之一就是它能够简化在DOM中选择元素的任务。DOM（Document Object Model，文档对象模型）充当了JavaScript与网页之间的接口；它以对象网络而非纯文本的形式来 表现HTML的源代码。

 

2.什么是Ajax？

AJAX就是“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的技术。音译为“阿贾克斯”。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页面，用户在此过程中可能会看到白屏窗口，用户体验相当糟糕。而AJAX通过在后台与服务器进行少量数据交换，可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新，这样就可以不必打断用户的操作，一边录入，一边局部更新，大大提高用户体验。

Ajax 的核心是 JavaScript 对象 XmlHttpRequest。该对象在 1999年的IE5中首次引入，它是一种支持异步请求的技术, XmlHttpRequest 使您可以使用 JavaScript 向服务器提出请求并处理响应，而不阻塞用户。

2000年Ajax的核心发布，JSON的技术也同期发布，但在当时并未流行起来，因为并非所有的浏览器都支持此功能，直到2005年，伴随着相关技术的发展成熟，AJAX终于随着Web2.0的大潮变得流行起来，修成正果。

正因为Ajax流行，JS得到重视，各种框架如雨后春笋般层出不穷，再也不是原来只能进行客户端校验的小玩意儿，Javascript的春天也到来了。

 

3.Knockout与Jquery是否存在竞争？

Knockout 没有和jQuery 或类似的DOM 操作API 对抗竞争。
Knockout 提供了一个关联数据模型和用户界面的高级功能。
Knockout 本身不依赖jQuery，但是你可以一起同时使用jQuery， 生动平缓的UI 改变需要真正使用jQuery。

 

4. jQuery示例一

jQuery获取输入框的值

原生js
document.getElementById("telphone").value;

jQuery js：
$("#telphone").val();  //选择ID为telphone的网页元素

错误写法：
$("telphone").val();

 

5. jQuery ajax提交数据并解析返回

function getPostCINotify()
    {
       var flag = { TranNo: "IPS002", BancsDayNightMode: selDNModel.value, BancsDate: txtTransTime.value };
        var thearray = new Array();
        thearray[0] = flag;
        $.ajax(
            {
                url: "/api/TerminalService/PostCINotify",
                cache: false,
                type: 'POST',
                contentType: "application/json;charset=utf-8",
                data: JSON.stringify(thearray),
                success: function (returndata) {
                    txtPostCINotify.value = returndata.Result;
                }
            })
        .fail(
        function () { alert('error')}
        )
    }