AJAX功能在分页上不起作用

时间:2018-07-27 13:25:10

标签: javascript jquery ajax dom

我正在为项目使用laravel 4.2。我在视图的开头部分使用了以下代码来更新给定学期课程的可用性。我的视图将结果输出到几页中,并在几列表中显示课程代码,标题,学期,讲师和可用性。我想让用户从下拉菜单中选择一个选项来更改可用性(提供或不提供),并且当用户选择了一个选项时,我想通过显示所选选项来重新加载页面的内容(表列之一中的“提供”或“未提供”)。

$(document).ready(function() {
  $('.change_offStatus').on('change', function() {
   var status = $(this).val(); //name is the selected offering status option
      alert(status);
   if (status == "Change") {
    }
   else {
      var code = this.name; //this is the course code
      alert(code);
    $.ajax({
    url: "{{ URL::Route('ChangeOfferingStatus')}}",
    data: {
      new_status: status,
      c_code: code
    },
    dataType: 'json',
    type: 'POST',
    success: function(res) {
      if (res == '1') {
        alert("Error in Changing the Offering Status!");
      }
      else {
        document.location.reload();
      }
     }
    });
   }
 });

});

在内容部分,我具有以下代码,具有一个下拉菜单,供用户选择一个选项(提供或不提供),一旦用户选择了一个选项,我想重新加载显示以下内容的页面:选择的选项。但是,该页面仅通过显示所选选项成功地在第一页中重新加载,而不在随后的页面中成功。我进行了广泛的搜索,找到了答案,但是没有一个能帮助更改上面的代码,以使其重新加载页面以在第一页以外的其他页面中显示所选的选项。

    <td>
      @if($offering_status['status']==1)
      Offered
    @else
      Not Offered
    @endif
   <br>
     <select name="{{$course_detail->code}}"  id='change_offStatus' 
         class="change_offStatus" type="text">
       <option>Change</option>
      @if($offering_status['status']==1)
       echo "<option>Not Offered</option>";
      @else
       echo "<option>Offered</option>";
      @endif          
    </select>
   </td>

如何更改以上代码以使其适用于所有页面?

0 个答案:

没有答案