谁帮忙解释下一段程序. !!!!!!!!!!!!!!!!!!!!!!!!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=" http://www.w3.org/1999/xhtml" >
<head><title>

</title>
    <script type="text/javascript" src=" http://www.letao.com/js/base.js"></script>
    <script type="text/javascript">

var UI = {
            search: function(q, callback)  //看不懂这个
{
                $.getJSON(//看不懂这个
                "demo.ashx",//看不懂这个
                {
                    q:q//看不懂这个
                },
                callback//看不懂这个
                );
            }
        }
        $(function()
{
            $("#btn").bind("click", function()
{
                UI.search($("#key").val(), function(data) //看不懂这个
{

                    $(document.body).append('<ul><li>姓名' + data.name + '</li><li>年龄' + data.age + '</li><li>性别' + data.sex + '</li><li>地址' + data.address + '</li></ul>');
                })
            })
        })
    </script>
</head>
<body>
    <form name="form1" method="post" action="TestJSON.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE2MTY2ODcyMjlkZE0dxATPGLhz+cElLloH4vQUpCYT" />
</div>

    <div>
    <input type="text" value="" id="key" />
    <input type="button" value="button" id="btn" />
    </div>
    </form>
</body>
</html>啊啊!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!   谁解释一下   要清楚多说点废话. 我菜鸟

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

AJAX JSONP 这几个概念接触过没？没接触去了解下。 $.getJSON到底是怎么用。你自己去下载个jQuery手册查下就知道了
建议楼主看看 javascript json jueryvar UI = {
           // search 是 UI 的一个方法，接受2个参数
            search: function(q, callback)  //看不懂这个
            {
                $.getJSON(//看不懂这个  juery Ajax 方法
                "demo.ashx",//看不懂这个  Ajax 请求的url
                {
                    q:q//看不懂这个发送的参数，一个对象包含属性q ,且值是 q(传进来的参数值)
                },
                callback//看不懂这个 ajax 回调函数
                );
            }
        }
        $(function()
        {
            $("#btn").bind("click", function()
            {
                UI.search($("#key").val(), function(data) //看不懂这个调用UI.search 方法
                {

                    $(document.body).append('<ul><li>姓名' + data.name + '</li><li>年龄' + data.age + '</li><li>性别' + data.sex + '</li><li>地址' + data.address + '</li></ul>');
                })
            })
        })
</title>
    <script type="text/javascript" src=" http://www.letao.com/js/base.js"></script>
    <script type="text/javascript">

var UI = {
            search: function(q, callback)  //看不懂这个 --定义一个UI的方法
            {
                $.getJSON(//看不懂这个     --调用jquery的getJSon方法
                "demo.ashx",//看不懂这个  --getJSon方法用到的参数
                {
                    q:q//看不懂这个            --getJSon方法用到的参数
                },
                callback//看不懂这个          --调用传进来的回调函数
                );
            }
        }
        $(function()
        {
            $("#btn").bind("click", function()
            {
                UI.search($("#key").val(), function(data) //看不懂这个  --这个就是UI.search方法里的那个callback函数
                {

                    $(document.body).append('<ul><li>姓名' + data.name + '</li><li>年龄' + data.age + '</li><li>性别' + data.sex + '</li><li>地址' + data.address + '</li></ul>');
                })
            })
        })
    </script>
</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http://www.w3.org/1999/xhtml" >
<head><title>

  </title>
<script type="text/javascript" src=" http://www.letao.com/js/base.js"></script>
<script type="text/javascript">

var UI = { //定义一个对象
search: function(q, callback)  //看不懂这个,定义一个方法方法名是search,参数分别是,q:请求查询的参数,callback:返回时的处理函数
{
$.getJSON(//看不懂这个,Jquery  ajax的一种请求数据的方法,返回数据为JSON格式
"demo.ashx",//看不懂这个,Jquery ajax 请求的地址url
{q:q},//看不懂这个  ,请求发送的参数
callback//看不懂这个 ,返回后执行的函数
);
}
}
$(function()
{
$("#btn").bind("click", function() //给btn绑定点击事件,应该是查询
{
UI.search($("#key").val(), function(data) //看不懂这个,调用你前边定义的那个UI里的search方法,参数自己看
{

$(document.body).append('<ul><li>姓名' + data.name + '</li><li>年龄' + data.age + '</li><li>性别' + data.sex + '</li><li>地址' + data.address + '</li></ul>');
})
})
})
</script>
</head>
<body>
<form name="form1" method="post" action="TestJSON.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE2MTY2ODcyMjlkZE0dxATPGLhz+cElLloH4vQUpCYT" />
</div>

<div>
<input type="text" value="" id="key" />
<input type="button" value="button" id="btn" />
</div>
</form>
</body>
</html>
强烈建议楼主找一份Jquery的教程好好看看,这个很好懂
我最近也正在学习jquery，正好学习下。

谁帮忙 解释下一段程序. !!!!!!!!!!!!!!!!!!!!!!!!!!

解决方案 »

谁帮忙解释下一段程序. !!!!!!!!!!!!!!!!!!!!!!!!!!