Question

实际上我想刷新我的页面内容而不用刷新整个页面通过JavaScript或j查询.......然后我将我的整个项目放到（Php或javaScript）中，所以我遇到了这样的问题< / p>

注意：我想在用户执行某些操作时刷新页面内容

这是我的代码：

//点击按钮，下面将执行：

  $('body').on('click', '#click', loadDoc);

和LoadDoc函数：

   function loadDoc() { 

                                //alert('heruybvifr');
                var _this = $(this); 
                var order_id= $(this).parents('.modal').find('.order-id').text(); 

                $.get('myPHP.php',{order_id: order_id},function(){ 
             _this.hide();

                }) 
                }

现在myPHP.php：

  <?php
 include("connection.php");
 $limit = intval($_GET['order_id']);

echo $valuek;
    $query="UPDATE orders
SET status ='cooking'
 WHERE id = $limit";
if (mysqli_query($connection,$query)) {
echo "Record updated successfully";
} else {
echo "Error updating record: " . mysqli_error($connection);
 }


  ?>

Answer 1

是的，您可以使用jQuery.ajax()来电。像这样：使用AJAX请求更改元素的文本：

$("button").click(function(){
    $.ajax({url: "demo_test.txt", success: function(result){
        $("#div1").html(result);
    }});
});

有关详细信息，请参阅本教程： http://www.w3schools.com/jquery/ajax_ajax.asp

Answer 2

您可以使用JQuery Ajax函数来完成您的需求。以下给出的所有功能都可用于加载内容而无需刷新页面。

    $.post("/controller/function", params, function(data) {
        // set received data to html
    });

$.ajax("/controller/function", params, function(data) {
        // set received data to html
    });

$.get("/controller/function", params, function(data) {
        // set received data to html
    });

Answer 3

您可以从服务器加载数据，并将返回的HTML放入匹配的元素中。

<div id="content"></div>

$("#content").load( "ajax/test.html" );

是否可以在不刷新整个页面的情况下加载页面内容

3 个答案: