ajax alert表单,jQuery AJAX Post alert（）不被调用

下面的代码不起作用。警报应显示，但不显示。我的HTML表单按钮具有属性οnclick="doPost()"这是下面的功能：jQuery AJAX Post alert()不被调用

function doPost() {

if (allFieldsValid()) {

var data1 = $('#data1').val();

var data2 = $('#data2').val();

var data3 = $('#data3').val();

var data4 = $('#data4').val();

var data5 = localStorage.getItem('data5');

var data6 = localStorage.getItem('data6');

var post_data = { d1: data1, d2: data2, d3: data3, d4: data4, d5: data5, d6: data6 };

//console.log(post_data) always displays the data with no nulls.

$('#myForm').submit(function(e)) {

$.ajax({

type: 'post',

url: 'http://localhost/myphpfilelocation.php',

data: post_data,

cache: false,

success: function(response) {

alert(response);

error: function(response) {

alert(response);

}

});

e.preventDefault();

}

} else {

alert('Fields are not valid');

}

我的PHP代码使用echo来显示它获得的数据：

$data1 = $_POST[ 'd1' ];

$data2 = $_POST[ 'd2' ];

$data3 = $_POST[ 'd3' ];

$data4 = $_POST[ 'd4' ];

$data5 = $_POST[ 'd5' ];

$data6 = $_POST[ 'd6' ];

echo($data1. ' '.$data2. ' '.$data3. ' '.$data3. ' '.$data4. ' '.$data5. ' '.$data6);

的alert()在我的脚本甚至不显示向上。

我所有的HTML表单输入都有正确的ID(这是('#data1')等)。

ajax alert表单,jQuery AJAX Post alert（）不被调用相关推荐

ajax 模拟表单提交,Ajax模拟Form表单提交，含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
html ajax提交表单实例,Ajax提交表单并接收json实例代码
需求: 实现点击按钮后,数据以表单形式提交至服务器,并接收来自服务器的返回数据.过程中页面不刷新. html代码 xingming: nianling: ajax提交 js代码 function my ...
form通过ajax提交表单,Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...
php ajax form表单提交,Ajax方法实现Form表单提交的方法
这次给大家带来Ajax方法实现Form表单提交的方法,Ajax方法实现Form表单提交的注意事项有哪些,下面就是实战案例,一起来看一下. 写在前面的话在使用form表单的时候,一旦点击提交触发sub ...
php表单ajax,PHP表单到Ajax类型
我在poll.php上有标准表格: ..blah... 无论如何,有没有在不导致用户创建createpoll.php的情况下处理表单的方法,就像在提交时调用createpoll.php一样? 解决方法 ...
java jquery提交表单_Jquery ajax提交表单几种方法
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...
Jquery ajax提交表单几种方法详解
[导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...
jQuery的ajax提交表单
jQuery的ajax提交表单 1.表单 <form id="ff" method="post"><div class="input ...
java jquery提交表单数据_[Java教程]jquery实现ajax提交表单信息
[Java教程]jquery实现ajax提交表单信息 0 2016-08-23 15:00:08 最近在思考优化项目,想自己扩展一个jquery自动获取表单中的数据进行ajax提交.本人没有完整性学习 ...

ajax alert表单,jQuery AJAX Post alert（）不被调用

ajax alert表单,jQuery AJAX Post alert（）不被调用相关推荐

最新文章

热门文章