php通过ajax异步提交表单

普通的表单提交,当前页面会被刷新或者跳转到新页面。通过ajax提交,可以在不刷新当前页面的情况下向服务器提交表单,或者将返回的信息显示在当前页面而不需要刷新。

《php通过ajax异步提交表单》

一点小概念:

  • AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
  • AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
  • AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

完成ajax异步提交表单需要三部分的构成:两段js代码、一个表单、一个服务端接收表单数据的页面

本例完成功能:index.html通过一段js代码向服务端demo.php提交表单,并将demo.php的结果返回到index.html页面。(全程index.html页面不刷新)

JS代码

html表单

demo.php

本代码的一个例子

提交前:

《php通过ajax异步提交表单》

提交后:《php通过ajax异步提交表单》

测试文件

本地下载

 

点赞
  1. 婚姻生活说道:

    用了个主题好像有ajax
    感觉打开超级慢,查询发现一大段 加载不知道怎么去掉

    1. BIUKO说道:

      对编程有点了解的话,可以尝试找一下问题的原因。

发表评论

电子邮件地址不会被公开。 必填项已用*标注