zoukankan      html  css  js  c++  java
  • jQuery中对AJAX的封装

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Title</title>
    </head>
    <body>
    <script src="jquery-1.12.4"></script>
    <script>

    // // 最基础的 调用
    // $.ajax('./time.php', {
    // type: 'post', // method 请求方法
    // success: function (res) {
    // // res => 拿到的只是响应体
    // console.log(res)
    // }
    // })

    // $.ajax({
    // url: 'time.php',
    // type: 'post',
    // // 用于提交到服务端的参数,
    // // 如果是 GET 请求就通过 url 传递
    // // 如果是 POST 请求就通过请求体传递
    // data: { id: 1, name: '张三' },
    // success: function (res) {
    // console.log(res)
    // }
    // })

    // $.ajax({
    // url: 'json.php',
    // type: 'get',
    // success: function (res) {
    // // res 会自动根据服务端响应的 content-type 自动转换为对象
    // // 这是 jquery 内部实现的
    // console.log(res)
    // }
    // })

    $.ajax({
    url: 'json.php',
    type: 'get',
    // 设置的是请求参数
    data: { id: 1, name: '张三' },
    // 用于设置响应体的类型 注意 跟 data 参数没关系!!!
    dataType: 'json',
    success: function (res) {
    // 一旦设置的 dataType 选项,就不再关心 服务端 响应的 Content-Type 了
    // 客户端会主观认为服务端返回的就是 JSON 格式的字符串
    console.log(res)
    }
    })

    </script>
    </body>
    </html>
  • 相关阅读:
    layer备忘
    Java中遍历Map对象的4种方法
    为什么Java中1000==1000为false而100==100为true?
    linux系统安装psycopg2
    centos7源码安装mysql5.7
    Azure Sql
    javascript和jQuery动态修改css样式的方法
    Git early EOF index-pack failed 问题
    C# 多线程——SemaphoreSlim的使用
    Docker 可视化
  • 原文地址:https://www.cnblogs.com/lujieting/p/10291398.html
Copyright © 2011-2022 走看看