文档章节

Ajax初学(3)jQuery实现Ajax

维他ViTa
 维他ViTa
发布于 2017/04/26 16:07
字数 231
阅读 34
收藏 0

举例

//点击'id=Button'的按钮,将'id=myValue'的值通过POST请求发送到服务器地址add.php
//通过success和error后的函数显示响应信息
$(document).ready(function() {
    $("#Button").click(function() {
        $.ajax({
            type: "POST",
            url: "add.php",
            dataType: "html",
            data: {
                myName: $("#myValue").val(),
            },
            success: function() {
                $("#result").html("保存成功!");
            },
            error: function(jqXHR) {                                          
                $("#result").html("保存失败!"+jqXHR.status);
            }
        })
    })
})

方法参数

  • jQuery.ajax([setting])
  • type:类型,'POST'或者'GET',默认'GET'
  • url:发送请求的地址
  • data:是一个对象,连同请求发送到服务器的数据
  • dataType:预期服务器返回的类型。如果不指定,jQuery自动根据HTTP的MIME信息来智能判断,一般采用json格式,可以设置为json
  • success:是一个方法,请求成功后的回调函数。传回返回后的数据以及包含成功代码的字符串。
  • error:是一个方法,请求失败时调用这个方法,传入XMLHttpReques对象。

© 著作权归作者所有

维他ViTa
粉丝 13
博文 145
码字总数 45736
作品 0
深圳
程序员
私信 提问
Angular超级入门(一)【背景介绍、框架对比】

我们都知道,JavaScript有众多的框架,比如初学会jQuery、Bootstrap,Ajax等等。那么稍微重量级一些的Angular.js框架又是做什么用的呢? 【背景梳理】 1、jQuery优点【重点关注代码简化】:(...

flash胜龙
2018/12/25
0
0
10个强大的Ajax jQuery文件上传程序

上传文件和图片是许多网站的一个常用功能,无论是让注册用户上传一个个人资料图片还是上传文件共享,都离不开上传程序,虽然有很多种实现方法,但要让上传看起来更酷一点,如显示剩余时间,同...

SeanCai
2010/11/08
0
1
20+ 个很棒的 jQuery 文件上传插件或教程

文件上传是网站很常见的功能之一,通过使用 jQuery 可以让上传过程更加人性化,更好的用户体验。本文介绍20个jQuery的文件上传插件,其中有一些是教程。 1. Plupload Plupload 是一个Web浏览...

红薯
2011/08/03
50.5K
9
javascript实现原生ajax的几种方法

自从js有了各种框架之后,比如jquery,使用ajax已经变的相当简单了。但有时候为了追求简洁,可能项目中不需要加载jquery这种庞大的js插件。但又要使用到ajax这种功能该如何办呢?下面和大家分...

BearCatYN
2015/06/04
0
1
Tasks for new employees(Junior Programmers)

Jquery方面: 1) 用Jquery实现单击按纽1可以选中所有页面上的checkbox,单击按纽2可取消对所有checkbox的选择,单击按纽3可以获得页面上所有选中的checkbox的值; 2) 用Jquery实现点击一个按...

Adam-Lee
2011/09/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

任正非对华为热点问题的回应亮了,终于知道华为为什么能扛过这一次的冲击!

任正非对华为热点问题的回应亮了,终于知道华为为什么能扛过这一次的冲击! 如果你是华为的老板,看到一条传遍网络的“美国封锁华为”、“华为禁令”的消息,你会怎么办? 昨天上午,华为创始...

forespider
37分钟前
1
0
Java HTTP 组件库选型看这篇就够了

最近项目需要使用 Java 重度调用 HTTP API 接口,于是想着封装一个团队公用的 HTTP client lib. 这个库需要支持以下特性: 连接池管理,包括连接创建和超时、空闲连接数控制、每个 host 的连...

Java面经
38分钟前
2
0
nginx 重启

在 nginx.config 配置目录下 输入命令: nginx -s reload 在 nginx 中,如果我修改了一个配置文件,或者新增了一个配置文件。按照群里网友的描述,我需要关闭 nginx,或者重启 nginx,比较麻...

MrBoyce
39分钟前
0
0
Cesium中级5 - Terrain 地形

Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ CesiumJS支持对与水流相关的海洋、湖泊和河流以及全球高分辨率地形进行流式处理和可视化。查看山峰、山谷...

Cesium中文网
51分钟前
0
0
搭建jupyter+nginx服务

Tips:该文章面向Mac和centos用户,如果是Windows用户,请先安装虚拟机。 概述 Jupyter Notebook(此前被称为 IPython notebook)是一个交互式笔记本,支持运行 40 多种编程语言。 Jupyter ...

阿dai学长
53分钟前
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部