利用jQuery发送ajax异步请求

//很少接触JQuery的Ajax请求  就想着记录一下 到时候有用 $(‘form‘).submit(function (e) {
        // 阻止表单默认提交
        e.preventDefault();

        var name = $(‘#name‘).val();
        var password = $(‘#password‘).val();

        var data = JSON.stringify({"name": name, "password": password});

        // 异步发送数据
        $.ajax({
            // 数据传送方式
            type: ‘POST‘,
            contentType: "application/json; charset=utf-8",
            // 数据处理文件
            url: ‘process.php‘,
            // JSON格式数据
            data: data,
            dataType: ‘json‘,
            // @msg: 数据返回值
            success: function (msg, status) {
                console.log(msg);
            },
            // Degbug
            error: function (xhr, desc, err) {
                console.log(xhr);
                console.log("Details: " + desc + "\nError:" + err);
            }
        });
    });
时间: 2024-10-13 23:31:49

利用jQuery发送ajax异步请求的相关文章

通过jquery的ajax异步请求接收返回json数据

jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以. 代码示例如下: $('#send').click(function () { $.ajax({ type : "GET", url : "a.php", dataType : "jsonp", success : function (data) { $.

Jquery中Ajax异步请求中的async参数的作用

之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html <a href="javascript:void(0)" onmouseover="testAsync()"> asy.js function testAsync{ var temp;     $.ajax({         async: false,         type : "GET",         url :

关于jQuery的Ajax异步请求,本人喜欢写笔记,写的不好还望见谅

<form id="myform" name="myform" > 用户名:<input type="text" id="username" name="username"><br> 密码:<input type="text" id="password" name="password"><br&

JQuery实现AJAX异步请求实现省市联动(数据传输格式为xml)

AJAX的响应的数据格式: 文本,一段HTML的数据,XML,JSON. 使用工具生成xml的文件: 通常使用XStream工具,将集合,数组,对象转化成XML格式. 步骤一:导入XStream工具包:xpp3_min-1.1.4c.jar:xstream-1.4.4.jar; 步骤二:XStream的使用: List<City> list = ps.searchCityByPid(pid); XStream xStream = new XStream();//创建XStream对象 xStr

JQuery实现AJAX异步请求实现省市联动(数据传输格式为json)

json概述:javascript object notation 是一种轻量级的数据交换格式.json本质上就是一种数据格式的字符串:javascript可以直接解析json,因为json本身就是一种原声的javascript数据格式.(json就是js里面的一个数组或者对象) json语法规则: 数据在键值对中: 数据由逗号分隔: 花括号保存对象: 方括号保存数组: json值可以是: 数字(正数或浮点数): 字符串(在双引号中): 逻辑值(true或false): 数组(在方括号中): 对

09.VUE学习之watch监听属性变化实现类百度搜索栏功能ajax异步请求数据

cmd下安装axios npm install axios 安装好后,会多出node_modules文件夹 思路: 监听data里的word改变时,发送ajax异步请求数据, 把返回的数据赋值给data里的result,再传给模板里 9.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible&qu

原生js和jquery发送ajax请求及封装

原生js                                   // ajax get 五部曲function ajax_get(url,data){ // 异步对象 var ajax=new XMLHttpRequest(); // 设置url和请求方式 // url方法 如果有数据要把数据拼接到url中?name=jack&age=20 if(data){ url+=?; url+=data; }else{}; ajax.open('get',url); // 发送请求 aja

【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回

作者:ssslinppp      时间:2015年5月26日 15:32:51 1. 摘要 本文讲解如何利用spring MVC框架,实现ajax异步请求以及json数据的返回. Spring MVC与json参考文章:[spring学习笔记-mvc-3]返回json数据-方式1  和 [spring学习笔记-mvc-4]返回json数据-方式2. 使用到的技术主要如下: Ajax:使用JQuery 提供的ajax:==>需要引入jquery.min.js文件: Spring MVC: Jso

IE9下JQuery发送ajax请求失效

最近在做项目的时候,测试PC端网页,在IE9下会失效,不能正常的发送POST请求,经过仔细的排查,发现是IE9下JQuery发送ajax存在跨域问题. 目前有两种解决方案:   解决方案一: 设置浏览器安全属性,启用[通过域访问数据源]选项,如下图所示:    解决方案二:  调用ajax方法时,设置crossDomain为true,如下图所示: <!DOCTYPE html> <html> <head> <title>jQuery CORS in IE7