0

私が抱えている問題は、jquery スクリプトが成功を div に返さず、代わりに単にページをリロードすることです (これは防止では不可能です)。私のコードは以下です。これを機能させるためにかなりの時間を費やしたので、どんな助けも素晴らしいでしょう。

$(document).ready(function() {
var loader = "<img src='images/ajax-loader.gif' alt='loading...' />";
    $('#paging_container').pajinate({
    show_first_last: false,
    nav_label_next : '>',
    nav_label_prev : '<'    
    });

var loadUrl2 = "productadminprocess.php";
$(".action_buttons").click(function() {
    $("#rightcolumn").html(loader).load(loadUrl2, {productid: $(this).attr("id")});
  });


$("#thesubbie").submit(function(event) {

        /* stop form from submitting normally */
        event.preventDefault(); 

       /* get some values from elements on the page: */
        var loadUrl3 = "sortitems.php";
        var $form = $( this ),
            input = $form.find( 'input[name="sort_item"]' ).val();
        var myRadio = $('input[name=sorters]');
        var checkedValue =  myRadio.filter(':checked').val();

    $.post(loadUrl3, {radio: checkedValue, sort_item: input},
        function(data){
            var content = $(data);
            $('#thebox').html(content);

    });
  });

});

データを返すPHPスクリプトは次のとおりです（基本的にソート）

function secure($x) { 


  $x = mysql_real_escape_string($x);
   $x = stripslashes($x);
   return $x; 

} 

$sorters = secure($_GET['sorters']);
$sort_item = secure($_GET['sort_item']);

//Start main query
$products = "SELECT * FROM product_list WHERE name_family = '$sort_item'";
//echo $products;
$list = mysql_query($products);
//echo $list;

while($row = mysql_fetch_array($list))  {
    $id = $row['id'];
    $name = $row['product_name'];
?>

    <div class="products"><img src="images/Product_thumbail.png" width="200" height="220" title="<?php echo $name; ?>" alt="<?php echo $name; ?>"><div class="action_buttons" id="<?php echo $id;  ?>">Update</div></div>
<?php       
    } // end while

?>
4

2 に答える 2

1

$.post ブロックでこれを試してください:

$.post(
    loadUrl3,
    { radio: checkedValue, sort_item: input },
    function(data) {
        $('#thebox').html(data);
    }
);

また、JS エラー ログでエラーを確認してください。

編集:return false; $("#thesubbie").submit() ブロックの最後に追加してみてください。

于 2012-09-05T13:25:17.187 に答える
0

私は最終的に解決策を見つけました。フォーム ID に引用符を配置しただけで、ページがリロードされ、スクリプト全体が失敗しました。ありがとう。

于 2012-09-06T08:06:07.530 に答える