设为首页 加入收藏

TOP

jQuery发起get/post请求_或_获取html页面数据(一)
2018-10-23 00:05:57 】 浏览:476
Tags:jQuery 发起 get/post 请求 获取 html 页面 数据

备注:我们经常会遇到使用jQuery获取某个地址下的部分页面内容,然后替换当前页面对应内容,也就是:局部刷新功能。


当然也可以使用get/post请求获取数据,修改数据,可以参考以下JS代码:


// Ajax模拟类
var Ajax = function () {
    //一般处理程序名称
    this.handlerName = "";
    //方法名称
    this.actionName = "";
    //传入的参数对象
    this.data = {};
    //回调函数
    this.rollBack = function (result) { };


    this.Init = function (handlerName, actionName, dataObject, rollBack) {
        this.handlerName = handlerName;
        this.actionName = actionName;
        this.data = dataObject;
        this.rollBack = rollBack;
        return this;
    };
    //Get请求
    this.Get = function () {
        $.ajax({
            type: "GET",
            url: "/ajax/" + this.handlerName + ".js?action=" + this.actionName,
            data: this.data,
            async: true,//false代表只有在等待ajax执行完毕后才执行
            success: function (json) {
                try {
                    result = JSON.parse(json);
                } catch (e) {
                    result = new Function("return " + json)();
                }
                if (window.Ajax.rollBack && window.Ajax.rollBack instanceof Function) {
                    window.Ajax.rollBack(result);
                }
            },
            error: function (e) {
                console.log(e);
            }
        });
    };
    //获取请求地址的HTML内容(获取html的地址,select选择器)
    this.GetHtml = function (getHtmlUrl, jquerySelectDom) {
        $.ajax({
            type: "GET",
            url: getHtmlUrl,
            data: "",
            dateType: "html",
            //false代表只有在等待ajax执行完毕后才执行
            async: false,
            success: function (data) {
                if (jquerySelectDom != "") {
                    var $data = $(data);
                    //由于$data是个集合,得到的是所有一级节点的jquery集合,所以,先从一级集合中找,再从所有子元素中找
                    var $result = $data.next(jquerySelectDom);
                    if ($result.length == 0) {
                  &

首页 上一页 1 2 3 下一页 尾页 1/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇2018年,Top 26 JavaScript面试问.. 下一篇Java网络编程的基本网络概念

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目