在没有表单的情况下使用AJAX和Jquery_Jquery_Ajax

在没有表单的情况下使用AJAX和Jquery

jquery ajax

在没有表单的情况下使用AJAX和Jquery,jquery,ajax,Jquery,Ajax,我以前曾成功地将JQuery与Ajax结合使用，但仅用于表单元素（使用GET和POST）。我试图弄清楚如何对非表单元素使用Jquery和AJAX。我有这样一份清单：项目1项目2 当用户单击某个项目时，我需要它点击服务器并在数据库中写入项目编号，而不需要刷新页面有人能帮我吗编辑：使用PHP 以下是我正在使用但不知道如何正确使用的代码： $(document).ready(function(){ $("#rating_toggle").click(function() { $.aja

我以前曾成功地将JQuery与Ajax结合使用，但仅用于表单元素（使用GET和POST）。我试图弄清楚如何对非表单元素使用Jquery和AJAX。我有这样一份清单：

项目1
项目2

$(document).ready(function(){
$("#rating_toggle").click(function() {
    $.ajax({
        type: "POST",
        url: "rating/test",
        data: "????????",
        success: function(data){
            alert(data);
        }
    });
    return false;
});

$('li').on('click', function(){

    $.ajax({
            url : 'rating/test',
            type : 'POST',
            dataType : 'json',
            data : { your data},
            success :  function(result){
                alert('Inserted into database')
             },
             error : function(xhr,text ,error){
                alert('Error occured !!')
             }
           });

});

$('li').on('click', function(){

    $.ajax({
            url : 'rating/test',
            type : 'POST',
            dataType : 'json',
            data : { your data},
            success :  function(result){
                alert('Inserted into database')
             },
             error : function(xhr,text ,error){
                alert('Error occured !!')
             }
           });

});

使用

$（选择器）.on（'click'，function（）{…}）

绑定要通过单击列表项触发的事件

使用
```
$（this）.index（）
```
获取项目与其同级相关的索引（从绑定单击函数中）
使用
```
$.post（url、数据、成功回调）
```
将数据发送到服务器，其中
```
url
```
是一个简单的url字符串，数据是从要发送的数据构建的javascript对象，
```
success\u回调
```
是服务器端发送接收/处理确认后运行的函数

$\u POST

使用

$（选择器）.on（'click'，function（）{…}）

绑定要通过单击列表项触发的事件

使用
```
$（this）.index（）
```
获取项目与其同级相关的索引（从绑定单击函数中）
使用
```
$.post（url、数据、成功回调）
```
将数据发送到服务器，其中
```
url
```
是一个简单的url字符串，数据是从要发送的数据构建的javascript对象，
```
success\u回调
```
是服务器端发送接收/处理确认后运行的函数

$\u POST

$(function() {
    $('ul li').click(function() {
        var selectListItem = $(this).text();
        $.ajax({
            type: "POST",
            url: "yourserverpage.php",
            data: { selectedItem: selectListItem },
            success: function(returnData) { alert('Saved '+selectListItem+' and returned '+ returnData); }
        });
    });
});

$(function() {
    $('ul li').click(function() {
        var selectListItem = $(this).text();
        $.ajax({
            type: "POST",
            url: "yourserverpage.php",
            data: { selectedItem: selectListItem },
            success: function(returnData) { alert('Saved '+selectListItem+' and returned '+ returnData); }
        });
    });
});