使用Ajax将数据发送并保存在PHP中的jQuery

18 浏览
0 Comments

使用Ajax将数据发送并保存在PHP中的jQuery

您好，我正在尝试通过表单发送或获取数据，然后使用jQuery和Ajax将数据发送到一个PHP页面，该页面将把数据保存到数据库中。请问如何使用jQuery和Ajax来实现这个功能？任何帮助都将不胜感激，谢谢！

以下是使用jQuery的HTML页面1，通过Ajax将数据发送到PHP页面：


   姓名：
   电子邮件：
   性别：
   留言：

以下是PHP页面2，用于接收页面1表单中的数据：

对于这个项目的任何帮助都将对我们有很大帮助，再次感谢！

（更新）

这是我尝试使用的jQuery代码，但它会跳转到URL，我认为这样做不太安全。

$(document).ready(function(){
    $("#chat").click(function(){
        $("#content").load("a.php");
    });
    $("#send").ajaxSubmit({url: 'a2.php', type: 'post'})
});

0

3 答案

0 Comments

问题出现的原因是在使用jQuery通过ajax发送数据并保存到PHP文件时，需要注意一些细节。解决方法是在发送ajax请求时，使用FormData对象来获取表单数据，并指定保存数据的PHP文件名为savedata.php。同时，设置ajax的type为POST，url为savedata.php，data为FormData对象，cache为false，contentType为false，processData为false，以确保数据的正确传输和保存。在成功保存数据后，可以进行一些操作，例如弹出提示信息并刷新页面。

具体代码如下：

var form = new FormData($('#form_step4')[0]);
form.append('view_type','addtemplate');
$.ajax({
    type: "POST",
    url: "savedata.php",
    data: form,
    cache: false,
    contentType: false,
    processData: false,
    success:  function(data){
        alert("设置已成功更新。");
        window.location.reload(true);
    }
});

其中，savedata.php是保存数据的PHP文件名，可以在该文件中进行数据库操作。不需要担心表单元素的使用，只需将表单的id命名为form_step4，并在页面头部引入jQuery文件即可。所有数据将会传输到savedata.php文件中。

在PHP中，可以通过$_FILES获取文件的值，其他输入字段可以通过$_POST或$_REQUEST访问。

代码中的form.append('view_type','addtemplate');是一个示例，用于在运行时向POST请求附加一个变量。这行代码可以根据需要进行修改或删除。

以上就是使用jQuery通过ajax发送数据并保存到PHP文件的方法。希望对大家有所帮助，祝编程愉快！

0
0 Comments

问题的原因是在代码中没有正确引入jQuery库。解决方法是在HTML页面的头部添加以下代码：

这样就可以正确使用jQuery的Ajax功能来发送数据并保存到PHP中了。

0
0 Comments

问题的出现原因：使用jQuery的ajax方法发送数据并保存在php中的问题。

解决方法：

1. 在表单中添加一个id属性。

2. 为按钮元素添加onclick事件或者定义按钮的click事件处理程序。

3. 使用jQuery的ajax方法发送表单数据到php文件，通过serialize方法将表单数据序列化成字符串，从而传递给php文件。

4. 设置ajax方法的type属性为POST，url属性为PAGE2.php，data属性为序列化后的表单数据，cache属性为false。

5. 在success回调函数中可以对返回的数据进行处理。

代码如下：


    Name:
    E-mail:
    Gender:
    Message:

非常感谢，我也会尝试你的方法！

0