javascript - Ajax/PHP/JavaScript 表单提交并带有本地存储值

标签 javascript php jquery ajax

我正在尝试从一篇ajax帖子中将数据和本地存储值提交到我的mysql数据库中。我可以做其中之一,但不能同时做两者。

  var dataString =  'title=' + title + '&level=' + level + '&dateTo=' + dateTo + '&dateFrom=' + dateFrom + '&description=' + description ;
if (title == '' || level == '' || dateFrom == '' || dateTo == '' || description == '')
{
    alert("Please Fill All Fields");
}
else
{
//AJAX code to submit form.
    $.ajax({
        type: "POST",
        url: "http://localhost:8888/EduSubOct/jobpost.php",
        data: dataString,  
        cache: false,
        success: function(html) {
            alert("Information Entered Successfully");

        }
    });

   }
  return false;
}

在上面的代码中,我使用的是 data: dataString,下面你将看到我使用的是本地存储值对象。我想通过一键单击按钮将这两个数据字符串/对象发布到数据库中的一行中。您可以在下面看到我的代码,其中显示了来自 Ajax 的本地存储提交。

function myFunctionjob() {


  // Returns successful data submission message when the entered 
 information is stored in database.


  //AJAX code to submit form.
      $.ajax({
        type: "POST",
        url: "http://localhost:8888/EduSubOct/jobpost.php",
        data: { storageValue: localStorage.getItem("email"); } 
        cache: false,
        success: function(html) {
            alert("Information Entered Successfully");

        }
      });

  }

当作为两个单独的 ajax 帖子完成时,我的 php 工作正常。理想情况下,我希望在一篇 Ajax 帖子中发送到数据库。有关如何同时提交 dataString 和本地存储值的任何帮助。谢谢!

最佳答案

只需在 ajax 请求的数据部分中包含 datastring 和本地存储中的值即可。

 $.ajax({
    type: "POST",
    url: "http://localhost:8888/EduSubOct/jobpost.php",
    data: { storageValue: localStorage.getItem("email"), dataString: dataString} 
    cache: false,
    success: function(html) {
        alert("Information Entered Successfully");
    }
  });

在服务器上,您可以通过 $_POST['storageValue'] 访问本地存储值,并通过 $_POST['dataString'] 访问数据字符串对象

关于javascript - Ajax/PHP/JavaScript 表单提交并带有本地存储值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52794446/

相关文章:

php - 从根目录检查文件是否存在

javascript - 使用 jquery 克隆表单

Jquery 自动完成在 Enter 按键时触发

javascript - 打开特定 div 的弹出窗口

javascript - 带有数字格式(单位)的图表

没有 javascript 的 ASP.NET 网络表单

javascript - AmCharts 缩小事件

php - 通过 Woocommerce 中的变体 ID 获取属性 slug 值

javascript - 在 Jest 中模拟 TimelineMax 和 TweenMax 模块

javascript - Mobile Safari - Javascript 打开选项卡而不会失去对当前页面的关注