javascript - 无法获得 Ajax 响应

Question

我正在使用 javascript 和 php 来运行 Ajax 代码。目前的结果是未定义的。

我正在使用 localStorage 从 Ajax 函数中移动变量，因为我无法理解回调的使用(我已经遵循了许多使用回调的示例，但没有一个起作用。我认为这个解决方案可能是最不复杂的。

Javascript:

$( document ).ready(function() {

   $('#submit-values').click(function(e){
        /************************************************************* SUBMIT */
        e.preventDefault();//Stop page reload on click

        $('#put-output-here').val(createParagraph());

   });

   function createParagraph(){
        createSentence();
        return localStorage.getItem('sentence');
   }

   function createSentence(){
        $.when(ajax1()).done(function(a1){
            localStorage.setItem('sentence', a1);
        })
   }

   function ajax1(){
       $.post("word-engine.php",
        {

        },
        function(data){
        });
   }
});

PHP:

<?php
    $chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';


    $randomString = '';
    for($x = 0; $x < 10; $x++){
        $rand = rand(0,62);
        $randomString = $randomString.$chars[$rand];
    }
    echo $randomString;

?>

目前我的结果是未定义

Answer 1

使用这个:因为$.post是一个异步函数。函数的控制将在运行 post 后立即返回，但稍后可能会收到 post 的响应。

function ajax1(){
   $.post("word-engine.php",
    {

    },
    function(data){
        setdata(data);
    });
}

function setdata(data){
    localStorage.setItem('sentence', data);
}

注意:有关更多信息，请参阅此帖子:why cant I return data from $.post (jquery)