使用 ajax 和 php 保存表单

Question

提交表单时，如何将任何带有 ajax 的 $_Post[''] 传递给 php 函数？

该函数正在使用 AJAX，但它无法接收帖子的值。 我测试了，警报返回 null。

我正在使用 wordpress。

window.onload=function(){

jQuery('#newIdeaForm').submit(function(events){

    call_ajax(events);
    events.preventDefault();    
    }); 


  };    

function call_ajax(){

var name = $("#name").val(); 
jQuery.ajax({
    type: 'POST',
    url: myAjax.ajaxurl,
    data: {action : 'savedata'},
    success: function(response) {


        var json = jQuery.parseJSON(response); 
        alert(json.nome);


    }
});

 };

function savedata(){

$name =  $_POST['name'];
$my_post = array(
            'post_title'    => 'teste',
            'post_content'  => 'teste',
            'post_status'   => 'publish',
            'post_author'   => $user_id,
            );
        wp_insert_post($my_post);

        $callback = array('name' =>'teste','title'=>'teste','idea'=>'teste','nome' => $name);
        $myJson = json_encode($callback);
        echo ($myJson);
        die();
    }

已编辑

伙计，我试过这样：

 function call_ajax(){ 
 var serializedForm = jQuery('#newIdeaForm').serialize(); 
 serializedForm.action = 'savedata'; 
 jQuery.ajax({ 
 type: 'POST', 
 url: myAjax.ajaxurl, 
 data: serializedForm, 
 success: function(data) { 
 alert(data); 
 } 

 }); 

但是当我通过浏览器调试时，它似乎没有添加任何类似动作的东西，所以它没有进入php函数，任何人都可以帮助我吗？

Answer 1

在 ajax 调用中，您传递的是转换为 action=savedata 的数据，但在 PHP 中，您试图从 POST 数据中获取“名称”。使用您的 ajax 请求，表单数据不会自动发送，因此您需要像这样手动发送：

jQuery.ajax({
  type: 'POST',
  url: myAjax.ajaxurl,
  data: {action: 'savedata', name: name},
  sucess: ...

或使用 .serialize() jQuery 函数，它会自动为您序列化表单中的数据（然后您可以将其作为数据参数提供）。

Answer 2

如果这是您正在执行的操作，我找不到您发布名为“name”的键。

function call_ajax(){

  var name = $("#name").val(); 
  jQuery.ajax({
     type: 'POST',
     url: myAjax.ajaxurl,
     data: {action : 'savedata', name: 'namevalue'},
     success: function(response) {
              var json = jQuery.parseJSON(response); 
              alert(json.nome);
     }
  });

};

也可以看看：

jQuery.ajax 和 jQuery.post

希望这可行。告诉我进展如何。

Answer 3

尝试序列化您的数据并提供内容类型“application/json; charset=utf-8”，例如

 var url="@Url.Action("action","Controller")";
 var jsonSerialized=JSON.stringify(data);
 $.ajax({
         type: "POST",
         url: url,
         dataType: "json",
         contentType: "application/json; charset=utf-8",
         data: jsonSerialized,
         success: function (result) {
              alert(result);
        }
});