JQuery > Ajax发送异步请求,Json语法

news/2024/7/10 22:54:22 标签: ajax, jquery, json

1 》原始方式Ajax请求

$.ajax({
	url:"ajaxServlet1111" ,
    type:"POST" ,
    //data: "username=jack&age=23",//请求参数
    data:{"username":"jack","age":23},
    success:function (data) {
        alert(data);
    },
    error:function () {
        alert("出错啦...")
    },
    dataType:"text"
});
url:表示请求的路径
type:表示请求的方式
data:表示请求所携带的参数
success:表示相应成功后,应该执行的操作
	data:形参表示响应成功后表示的数据
error:表示响应失败后响应的数据

2 》GET 方式Ajax请求

$.get("ajaxServlet",{username:"rose"},function (data) {
   alert(data);
},"text");
第一个参数表示请求的路径
第二个参数表示请求携带的数据
第三个参数表示请求成功后执行的操作,data形参表示,请求成功后响应的数据

3 》POST 方式Ajax请求

 $.post("ajaxServlet",{username:"rose"},function (data) {
    alert(data);
 },"text");

4 》Json语法

		1.定义基本格式
		2.keyAndValue用:链接
        var person = {"name": "张三", age: 23, 'gender': true};

        获取name的值
        方式1var name = person.name;
        方式2var name = person["name"];
       // alert(name);

        //alert(person);
        2.嵌套格式   {}———> []
        key:字符串persons
        value:[]内的数据
        []中又嵌套了三个Json数据
        var persons = {
            "persons": [
	                {"name": "张三", "age": 23, "gender": true},
	                {"name": "李四", "age": 24, "gender": true},
	                {"name": "王五", "age": 25, "gender": false}
                ]
        };
       	// alert(persons);
       	获取王五值
       	var name1 = persons.persons[2].name;
       	// alert(name1);


        3.嵌套格式   []———>{}
        []为数组,数组中嵌套json
        var ps = [{"name": "张三", "age": 23, "gender": true},
            {"name": "李四", "age": 24, "gender": true},
            {"name": "王五", "age": 25, "gender": false}];
        //获取李四值
        //alert(ps);
        alert(ps[1].name);

http://www.niftyadmin.cn/n/1326192.html

相关文章

JQuery > 创建方法(函数)方法

创建函数,方式一 var fun1 new Function("a", "b", "alert(a);") fun1(1, 2); 这种方式用的及其的少创建函数,方式二 var fun2 function(a,b){document.write("Result is (sum) :" (ab)) } fun2(2,3);创建…

JavaScript >创建数组

创建一个空的数组 var arr1 new Array(); document.write(“This is a arr1 :” (arr1) “”); 创建一个带参数的数组 var arr2 new Array(1,2,3,4,5); document.write(“This is a arr2 :” (arr2) “”); 创建一个长度为5的数组 var arr3 new Array(5); document…

SpringBoot > 创建初始的工程

1、导入相关的起步依赖 SpringBoot_Document&#xff1a;https://docs.spring.io // 父工程起步起来&#xff0c;内部继承了很多可能会用到的jar包版本<parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent&l…

SpringBoot > web层常用注解使用方法,及其单文件多文件上传

相关资料在网盘压缩文件中 链接&#xff1a;https://pan.baidu.com/s/1yTFzo65NgdYuI_ndD5FBJQ 提取码&#xff1a;8888 –来自百度网盘超级会员V6的分享 网盘文件包含相关注解的使用方法&#xff0c;以及单文件多文件上传&#xff0c;前端页面的编写

Rabbit >> 安装并开启web管理页面

1.官网地址 https://www.rabbitmq.com/download.html2.文件上传 上传到/usr/local/software 目录下(如果没有 software 需要自己创建) 3.安装文件(分别按照以下顺序安装) rpm -ivh erlang-21.3-1.el7.x86_64.rpm ---erlang语言环境 yum install socat -y rpm -ivh rabbitmq-s…

Linux >>Centos7配置jdk环境

Centos7配置jdk环境 下载jdk address&#xff1a;去官网下 配置Linux下/etc/profile文件 方法。1JAVA_HOME/usr/local/software-installed/jdk1.8.0_301 JRE_HOME$JAVA_HOME/jre CLASSPATH.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib PATH$JAVA_HOME/b…

SpringBoot > 服务注册

SpringBoot服务注册到Nacos&#xff0c;yml配置 server:port: 81spring:application:name: gym-login # 应用名称datasource:type: com.alibabadruid.pool.DruidDataSource #指定使用的数据源druid:driver-class-name: com.mysql.jdbc.Driver #指定数据源用的驱动url: jdbc:my…

学习笔记 第一章 —— 如何编写软件测试计划?

测试计划的好处 知道确切的测试范围&#xff0c;采取怎么样的测试策略预估具体的工作量和测试资源&#xff0c;每个人分工明确&#xff0c;不容易出现重复测试的情况测试进度是可控的&#xff0c;实时知道目前测试完成情况可以提前识别潜在风险&#xff0c;当需求发生变化时&a…