对Jquery中的ajax再封装,简易操作示例

发布时间：2023-10-07 15:04:06 所属栏目：教程来源：

导读：代码如下:

<!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>

代码如下:

<!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>jQueryAjaxJson取值示例</title>

    <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script>

    <script type="text/javascript">

        $(function () {

            jsonAjax("AjaxQuery.aspx", "type=json", "json", callBack);

            jsonAjax("AjaxQuery.aspx", "id=1&name=2&type=text", "text", callBackTxt);

        });

        function callBack(data) {

            $("#ddd").html('');

            var json = eval(data); //数组

            $.each(json, function (index, item) {

                //循环获取数据

                var name = json[index].Name;

                var age = json[index].Age;

                var sex = json[index].Sex;

                $("#ddd").html($("#ddd").html() + "<br>" + name + " " + age + " " + sex + "<br/>");

            });

        };

        function callBackTxt(data) {

            $("#ccc").html(data);

        };

        /**

        * ajax post提交

        * @param url

        * @param param

        * @param datat 为html,json,text

        * @param callback回调函数

        * @return

        */

        function jsonAjax(url, param, datat, callback) {

            $.ajax({

                type: "post",

                url: url,

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!