React

Jquery 中的get和post请求

2019-04-20  本文已影响24人  CondorHero

关于 JQuery 中的 get 和 post 请求,我在前面已经模仿过了,详情请见以下文章。
函数API的封装,仿jQuery调用请求方法
我写的封装函数和 Jquery 中基本差别不大。

$.get

模板: $.get(URL,queryJSON,function(data,status,xhr),dataType)
JQuery 默默的帮我们:
1) encodingURIComponent 中文了;
2) 如果请求是404等错误状态,不会执行回调函数;

$.post

类似 $.get 方法
模板: $(selector).post(URL,data,function(data,status,xhr),dataType)

$.ajax

模板: $.ajax({name:value, name:value, ... })里面是个 json 。
jQuery ajax() 方法

    $.ajax({"url"  : "demo_test.txt"
        //请求类型
        "type"  :   "get",
        //传到服务器上的数据
        "data"  :   {
            "name":"xiaoming",
            "age" :10
        },
        //成功做的事情
        "success" : function(data){
            alert(typeof data);
        },
        //错误做的事情
        "error" :   function(XMLHttpRequest, textStatus, errorThrown){
            alert(errorThrown);
        }
    });
部分可能值

serialize() 表单方法序列化

定义和用法:
serialize() 方法通过序列化表单值创建 URL 编码文本字符串。

您可以选择一个或多个表单元素(如输入和/或文本区),或表单元素本身。

序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

语法
$(selector).serialize();

上一篇 下一篇

猜你喜欢

热点阅读