使用jQuery，Ajax无法从选择框上的提交按钮获得任何输出

Question

您好，我有一个选择框，我希望从中选择最近4,6周的新闻，并根据“提交”按钮显示相应的新闻。 我已经使用以下代码创建jquery，ajax并尝试将值传递给php。 但是我不知道什么时候我从选择框中选择并单击提交按钮，什么都不会显示。我认为我在做一些严重错误，无法与php和jquery，ajax正确通信。这是Jsfiddle： demo。谢谢这是我的代码：

dashboard.php

if($param['aktion'] == 'get-widget-news-edit')
{
    if(isset($_POST['saveId']))
   {

      if(($_POST['news'])==4){

      echo "You have selected news for last 4 weeks";

}

 if(($_POST['news'])==6){

     echo "You have selected news for last 6 weeks";
}
}

    $html = '<table width="538" cellspacing="0" cellpadding="0" border="0" >
            <tr>
                <td>
                <div>'.CreateRegister($page['register-news']).'</div>
                '.CreateMessage().'
                <div class="cont-liste-verlauf register">
                    <div class="tab-content">
                        <div id="tab1" class="tab" style="display:block">
                            <table id="news">

                            <form name="UserInformationForm" method="POST" >

                        <select name="news">
                                <option value="4" '. (($_POST['news']=="4")  ?  "selected=selected" : "" ) .'>Show news from last 4 weeks</option>
                                <option value="6" '. (($_POST['news']=="6") ?  "selected=selected" : "") .'>Show news from last 6 weeks</option>

                        </select>
                        <br/><br/>
                    <input type="Submit" name="saveId" id="saveId">

                            </form> 
                            </table>
                        </div>
                    </div>
            </td>
        </tr>
    </table>';

    $return = array(
    'status' => 1,
    'html'  => $html
);

echo json_encode($return);
die();

}

dashboard.js

function getNewsWidgetEdit()
    {
        $.ajax({
        type: "POST",
        url: "ajax/dashboard.php",
        dataType : 'json',
        cache: false,
        data: {'aktion' : 'get-widget-news-edit'},
        success: function(data){
            $('#news').html(data.html);

        }
      });
  }


            $('#news .butt-rahmen').live('click', function(){
            if($(this).attr('id') == 'saveId')
                getNewsWidgetEdit();


    });

Answer 1

您不是从php发送json，因此将数据类型更改为html并附加原始数据：

    dataType : 'html',
    cache: false,
    data: {'aktion' : 'get-widget-news-edit'},
    success: function(data){
        $('#news').html(data);

    }

或更改您的PHP以发送json：

if(($_POST['news'])==4){
    header('Content-Type: application/json');
    echo json_encode(array('html'=>'You have selected news for last 4 weeks'));
    exit();