文章目录

  • 概念
  • Ajax 与 form 表单的区别
  • Ajax的使用

概念

允许浏览器与服务器通信而无需刷新当前页面的技术，不刷新整个页面只刷新部分，最鲜明的应用范围是地图。 XMLHttpRequest对象（传输前后端数据json，xml）是JavaScript扩展，Ajax是其代名词。

Ajax 与 form 表单的区别

ajaxform备注
趋势新建请求放弃本页面ajax在提交时，是在后台新建一个请求；from表单趋势放弃本页面，再次申请。
数据处理使用程序表单结构ajax在提交，请求，接收时，整个过程都是需要使用程序来对其数据进行处理；from提交时，是根据你的表单结构自动完成，不需要代码干预。
交互方式异步同步ajax在提交，请求，接收时，都是异步进行的，网页不需要刷新；from表单请求提交是同步进行的，哪怕是数据提交给本页面，也是需要刷新的，这样就会导致表单请求一次数据就会进行一次页面跳转，当前浏览器的屏幕会进行刷新，也就是会闪一下，会造成不好的用户体验，但是其中填写的信息也会很容易丢失，而Ajax页面不会跳转，之前填写的信息也不会消失，不用再请求一次页面。
实现方式javascript浏览器ajax必须使用js来实现，不启用js的浏览器，无法完成操作；from是浏览器的功能，无论是否开启js，都可以提交表单。

Ajax的使用

点击事件

   $("#button").click(function () {
        $.ajax({
            type: "POST",
            url: "/admin/sign",
            contentType: 'application/x-www-form-urlencoded;charset=utf-8',
            data: {
                username: $("#username").val(),
                password: $("#password").val()
            },
            dataType: "json",
            success: function (data) {
                console.log(data.responseText);
            },
            error: function (e) {
                console.log(e);
            }
        });
    });

Ajax与Form表单的更多相关文章

  1. 使用Ajax解决浏览器缓存问题

    使用Ajax解决浏览器缓存问题 ...

  2. Tree、Unformat、Vsafe命令的区别与使用说明

    Tree、Unformat、Vsafe命令的区别与使用说明 ...

  3. Form表单上传文件（type="file"）的使用

    这篇文章主要介绍了Form表单上传文件（type="file"）的使用，以及过滤器解决中文乱码问题，需要的朋友可以参考下 ...

  4. CorFlags.exe检查.NET程序平台目标(Platform Target)的工具

    .NET Framework SDK中的一个工具程序: CorFlags.exe。CorFlags.exe不但可查询.NET组件的平台目标设定，甚至能直接修改设定，省去重新编译的工夫。 ...

  5. jQuery AJax调用asp.net webservers的实现代码

    代码是转载来的 本来今天写的 但是到现在还没搞懂，惭愧啊 ...

  6. ScriptManager.RegisterStartupScript()方法在ajax页面无效的解决方法

    ScriptManager.RegisterStartupScript()方法在ajax页面无效的解决方法 ...

  7. 浅谈php提交form表单

    这篇文章主要介绍了浅谈php提交form表单的2种方法和简单的示例，十分的实用，有需要的小伙伴可以参考下。 ...

  8. 告诉你吧，一套皮肤在winform与wpf开发模式下实现的界面效果同样精彩，winform界面和wpf界面。

    winform界面开发 wpf界面开发 ...

  9. PHP＋AJAX实现无刷新注册（带用户名实时检测）

    PHP＋AJAX实现无刷新注册（带用户名实时检测） ...

  10. PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程

    这篇文章主要介绍了PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程,是非常常见的一个重要功能,常用于论坛注册部分或会员注册部分,需要的朋友可 ...