Question

我正在建立一个显示酒店列表的网站。我想添加一个“收藏”按钮，以便它与用户一起存储该酒店。根据我的理解，我需要根据我在stackoverflow上看到的一些答案使用php / jquery。

我没有使用php / jquery的经验。绝对没有人写它甚至在我的网页上添加一些（这是我想要建立的第一个网站/网络应用程序。

在查看关于此主题的几个stackoverflow答案后，我查看了此网站：http://code.tutsplus.com/tutorials/submit-a-form-without-page-refresh-using-jquery--net-59 并尝试点击新手的推荐链接：15资源，让您从头开始jQuery入门。但无法找到页面，无济于事。

这是html，我想添加存储在“Bookmark for later”中的收藏夹按钮。但是，我知道假设即使我的点击工作了，我也没有捕获他们点击书签的特定酒店的数据。

    {% for hotel in close_hotels %}
    <div id = "display_hotel">
        <p><font color="blue" size="2"><b> {{ hotel.name }} </font></b></p>
        <div id = "hotel_format">
        <div id = "favorite_form">
        <input id="bookmark" type="button" value="Bookmark for later!"
        onclick= "function()"/>
        </div>

这是我的.js文件。我尽可能地尝试跟踪http://code.tutsplus.com/tutorials/submit-a-form-without-page-refresh-using-jquery--net-59，但认识到了一些差异。例如，我试图从按钮（我应该更改此信息）而不是表单中捕获信息。我没有打扰表单验证，因为它只是一个按钮。

    $(function() }
//using a button to add hotel to favorites 
$(".button").click(function() {
    var hotel = $("input#bookmark").val();
//skipping form validation since no need -- using a button

});
});

    //next part of the tutorial
$.ajax({
type: "POST",
url: "bin/process.php",
data: hotel,
success: function() {
    $('#contact_form').html("<div id='message'></div>");
    $('#message').html("<h2>Hotel Favorited!</h2>")
    .hide()

    });
  }
        });
 return false;

最终，我有两件事情在想。是一个最适合我所寻求的按钮吗？如果没有，我还应该使用什么，但如果是这样，我怎么能用PHP捕获酒店信息。第二，因为我不熟悉php / jquery代码是否有效？

根据我的理解，这一行应该能够捕获我想要的酒店名称，但我甚至认为我的按钮甚至不会发送信息。

    var hotel = $("input#bookmark").val();

感谢您的帮助！

Answer 1

向服务器提交信息有两种主要方式（您的PHP代码）：

使用HTML <form>
AJAX

我猜你想通过AJAX这么做，因为你没有发送典型的表单数据。为此你可以在jQuery中做这样的事情：

var req = $.ajax({
    type: "POST",
    url: "http://whatever.com/stuff",
    data: { "some_key": "some_value" }
});

req.done(function (response) {
    // code to run after the server handles your data and responds
});

req.fail(function(jq_xhr, text_status, error_thrown) {
    // if you want to handle errors ...
});

Jquery / Php帖子没有重定向

1 个答案: