ajax请求案例

简介: $("#button").on("click" ,function(){//jquery的写法 alert(123); $.ajax({ url:"a/toJson.
$("#button").on("click" ,function(){//jquery的写法
        alert(123);
        $.ajax({
            url:"a/toJson.do",//请求的url
            type:"POST",//请求方式
            async:true,//是否异步提交
            //提交json格式的参数外面需要加上引号,普通格式不需要加引号
            data:'{"name":"张三","password":"123","date":"date","date1":"2017-12-21"}',//提交参数
            dataType:"json",//接收的参数类型
            contentType:"application/json",//提交的参数类型
            success:function(data){//请求成功返回的参数
                alert(data.success);//获取data里的参数
                }
            });
    });

 

目录
相关文章
|
4月前
|
XML JSON 前端开发
深入了解JavaScript中的AJAX和HTTP请求
深入了解JavaScript中的AJAX和HTTP请求
|
3月前
|
XML JSON 前端开发
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
58 1
|
4月前
|
前端开发 JavaScript 数据安全/隐私保护
ajax请求中的reponseType和withCredetials分别是啥?
ajax请求中的reponseType和withCredetials分别是啥?
ajax请求中的reponseType和withCredetials分别是啥?
|
4月前
|
资源调度 前端开发 JavaScript
Vue3中如何使用axios进行Ajax请求?
Vue3中如何使用axios进行Ajax请求?
110 1
|
30天前
|
前端开发 JavaScript
Ajax基本案例详解之$.ajax的实现
Ajax基本案例详解之$.ajax的实现
10 0
|
3月前
|
XML JSON 前端开发
|
3月前
|
前端开发 JavaScript
|
3月前
|
JSON 前端开发 安全
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
37 0
|
3月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
29 0
|
3月前
|
XML 前端开发 JavaScript
AJAX如何向服务器发送请求?
AJAX如何向服务器发送请求?
43 0