AJAX表单提交以及数据接收

ajax是一种传输方式，数据不是提交给ajax，而是 数据 由 ajax提交到后台（并不刷新页面）

要实现一个简单的ajax请求，要这3样东西，一个html页，一段js代码，一个可以响应请求的后台

这里使用了jquery的js框架，原生js的ajax请求我背不住

html

<!--这里需要引用一个jquery的库-->

<form id="form">

    <input name="data" type="text">

    <input type="button" value="提交" id="submit">

</form>

<div id="result"></div>

js

$("#submit").click(function(){

    $.ajax({

        url:‘demo.php‘,

        type:"POST",

        data:$(‘#form‘).serialize(),

        success: function(data) {

            $("#result").text(data);

        }

    });

});

demo.php

<?php

if($_POST[‘data‘]){

    echo ‘接受到数据‘.$_POST[‘data‘];

}else{

    echo 没有‘接受到数据‘;

}

?>

时间： 2024-08-27 09:13:59

AJAX表单提交以及数据接收的相关文章

Ajax表单提交插件jquery form

jQuery Form插件是一个优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交. jQuery Form有两个核心方法ajaxForm()和ajaxSubmit(),本文我们重点介绍ajaxSubmit()的应用. HTML 首先我们载入jquery库和jquery.form.js插件.jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form/ <script type

PHP jQuery ajax 表单提交小示例（含insert, select）

功能描述:能够通过表单向MySQL数据库新增记录,能够表单提供关键词进行查询 index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g

使用Jquery.form.js ajax表单提交插件弹出下载提示框

现象: 使用jquery的from做ajax表单提交的时候,后台处理完毕返回json字符串,此时浏览器提示下载一个json文件而不是在success里面继续解析该json对象. 具体的原因: 浏览器兼容性的问题.在谷歌和火狐下没这个问题,我用的ie9测试是有这个问题的.具体的详细我参照的该链接: http://zhidao.baidu.com/link?url=uTXondC9ECEfdObEWbq7V2O7-UW_oXtoVcneVqH_Dmj2hUXjM3y6wMFnQYsUupdWC0Tf

Ajax表单提交

jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields() 和 resetForm()等.

jquery.form.js（ajax表单提交）

Form插件地址: 官方网站:http://malsup.com/jQuery/form/ 翻译地址:http://www.aqee.net/docs/jquery.form.plugin/jquery.form.plugin.html#getting-started 一.准备工作 写一个表单: <form id="reg" action="123.php" method="post"> <p> <label for

Jquery Ajax表单提交插件jquery form用法

首先我们载入jquery库和jquery.form.js插件.jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form/  代码如下 复制代码 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.form.m

Android实现表单提交，webapi接收

1.服务端采用的是.net的WEBAPI接口. 2.android多文件上传. 以下为核心代码: 1 package com.example.my.androidupload; 2 3 4 import android.util.Log; 5 6 import java.io.File; 7 import java.io.Serializable; 8 import java.util.Iterator; 9 import java.util.LinkedHashMap; 10 import j

jquery ajax 表单提交被浏览器拦截解决办法

通常jquery的submit表单提交是不会被拦截的,但是用jquery ajax异步提交是会被拒绝的,既然是异步提交造成的问题,那就好解决了,因为jquery ajax方法提供了参数选项: async :true, 默认设置下,所有请求均为异步请求.如果需要发送同步请求,请将此选项设置为 false.注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行. 原文地址:https://www.cnblogs.com/richardcastle/p/8297325.html

关于表单提交的数据记录

没有enctype="multipart/form-data"参数 加上form参数 多文件表单 上面是一些表单数据的记录. 表单提交不论有没有 enctype="multipart/form-data" 参数,表单只会提交那些拥有name属性的input.表单提交的时候如果没有使用 enctype="multipart/form-data"参数,在后台可以使用getParameter(name属性)获取相应input的值,如果input是fil