Ajaxのレスポンスではない成功

のリターンは、私は、Ajax機能getFailOutput()でクラスを空にするために、AJAXコードを作ったしかし、私はCSSクラスproducts-wrpのmyAjax.phpから製品を表示する方法についてのAjax機能getSuccessOutput()で立ち往生。Ajaxのレスポンスではない成功

私はテストの成功のリンクをクリックするとmyajax.phpからクラスを表示できませんでした..助けてください！

<?php 
session_start(); //start session 
include("config.inc.php"); //include config file 
?> 
<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Stores</title> 
<link href="style/style1.css" rel="stylesheet" type="text/css"> 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
</head> 
<body> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<a href="#" onclick="return getSuccessOutput();"> test success </a> 
| <a href="#" onclick="return getFailOutput(); return false;"> test failure</a> 
<div id="output">waiting for action</div> 
<div align="left"> 

<script> 
function getFailOutput() { 
    $.ajax({ 
     success: function() { 
      $('.products-wrp').html(''); 
     }, 

    }); 
    return false; 
}</script> 

<script> 
function getSuccessOutput() { 
    $.ajax({ 
     url:'myAjax.php', 
     success: function (response) { 
      console.log(data, response); 
      $('.products-wrp').html(''); 
      $('.products-wrp').html(response); 
     }, 

    }); 
    return false; 
}</script> 
<?php 
//List products from database 
$results = $mysqli_conn->query("SELECT product_name, product_desc, product_code, product_image, product_price FROM products_list"); 
$products_list = '<ul id ="products_list" class="products-wrp">'; 

while($row = $results->fetch_assoc()) { 
$products_list .= <<<EOT 
<li> 
<form class="form-item"> 
<h4>{$row["product_name"]}</h4> 
<div> 
<img src="images/{$row["product_image"]}" height="62" width="62"> 
</div> 
<div>Price : {$currency} {$row["product_price"]}<div></form> 
</li> 
EOT; 
} 
$products_list .= '</ul></div>'; 
echo $products_list; 
?> 
</body> 
</html>

myAjax.php

<?php 
//List products from database 
$results = $mysqli_conn->query("SELECT product_name, product_desc, product_code, product_image, product_price FROM products_list"); 
$products_list = '<ul id ="products_list" class="products-wrp">'; 

while($row = $results->fetch_assoc()) { 
$products_list .= <<<EOT 
<li> 
<form class="form-item"> 
<h4>{$row["product_name"]}</h4> 
<div> 
<img src="images/{$row["product_image"]}" height="62" width="62"> 
</div> 
<div>Price : {$currency} {$row["product_price"]}<div></form> 
</li> 
EOT; 
} 
$products_list .= '</ul></div>'; 
echo $products_list; 
?>

出典

2017-06-01 Lilly Meow

は 'のdataType追加：「html''をして、再度 – guradio

を実行してみてください私がテストの成功をクリックしたときに製品を表示しない@guradioを追加して実行しました –

応答は何を返しますか？ – guradio

$('.products-wrp').html(''); 
$('.products-wrp').hide(); 
$('.products-wrp').html(response); 
$('.products-wrp').show();

あなたが特定のセクション内のURLからデータをロードするjQuery load()メソッドを使用することができ、この

出典

2017-06-01 05:50:48 Exprator

これをgetSuccessOutput（）に組み込みましたが、商品を表示しないでもう一度 –

console.log（レスポンス）を試して、返信があればブラウザでチェックしてください – Exprator

エクストラーターがありがとうございました –

を試してみてください。例：それはようなものであってもよい、あなたの場合は

$("#div").load("page_load.html #sectionToLoad");

：さらなる研究と例については

function getSuccessOutput() { 
    $('.products-wrp').load("myAjax.php .products-wrp") 
    return false; 
}

はここに行く https://www.w3schools.com/jquery/jquery_ajax_load.asp

出典

2017-06-01 05:58:54

Ajaxのレスポンスではない成功

答えて

関連する問題