将 jQuery .load 转换为 $.ajax 调用
Convert a jQuery .load to $.ajax call
我最初尝试使用 $.ajax 执行此操作,但没有成功。 .load 对我很好,所以我用了它。 但是,现在我发现自己需要一些带有 $.ajax 的 callBacks。
jQuery ->
fl = $("#flight_flightlesson_id")
fl.on "change", ->
$("#gradable_items_container").load("gradable_items_inputs?lesson=#{fl.val()} #ajax_gradable_items_for_lesson_content")
当所选课程输入发生更改时,这会将lesson_id作为 url 参数传递给flights_controller操作gradable_items_inputs,填充同名模板,并将该内容加载到浏览器中,而无需重新加载。 效果很好。
但是,我想使用这些回调
beforeSend: ->
$("#ajax_tell").addClass "is-fetching"
//success: (response) ->
// $("#gradable_items_container").html(response)
complete: (response) ->
$("#ajax_tell").removeClass "is-fetching"
alert "complete"
error: ->
$("#{ajax_tell}").html "<p>ERROR</p>"
alert "error"
如何将我现有的 .load 转换为这个 $.ajax?
>$.load()
只是一个方便的方法包装器$.ajax()
,其中设置了一些选项,如dataType:'html'
,以及在Ajax成功时使用html()
方法自动填充选择器。
$.post(), $.get(), $.getJSON()
等也是如此
按照 $.ajax()
API 进行操作,并使用您需要的任何选项来更灵活地执行相同的操作。
唯一的超关键选项是url
和成功或完成或完成或完成回调,您可以使用html()
来匹配load()
方法。API 概述了其他选项的默认值(如果有),并且到处都有很多示例
这
似乎是一个很好的转换
fl = $("#flight_flightlesson_id")
fl.on "change", ->
$.ajax
url: "gradable_items_inputs?lesson=#{fl.val()}"
beforeSend: ->
$("#ajax_tell").addClass "is-fetching"
complete: ->
success: (data) ->
// $("#gradable_items_container").empty().append $(data).find("#ajax_gradable_items_for_lesson_content")
$("#gradable_items_container").html(data).find("#ajax_gradable_items_for_lesson_content")
$("#ajax_tell").removeClass "is-fetching"
error: ->
$("#{ajax_tell}").html "<p>ERROR</p>"
相关文章:
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- Javascript/jQuery中的并行Ajax调用
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- node.js请求数据事件未在CORS ajax调用中触发
- 如何从ajax调用返回.wrap()元素
- Ajax调用在Firefox中不会自动响应
- AJAX调用中的非法调用
- 使用AJAX调用将GeoJSON数据拉入传单
- 在MVC 4中,对Controller的Ajax调用为空
- Jquery:对返回JSON数据的php脚本的Ajax调用
- 在ajax调用中阻止来自JS对象的函数
- 如何在MVC5中ajax调用的部分视图中引用外部javascript
- 页面加载后的Ajax调用
- 如何使用Ajax调用特定的控制器和操作来重定向用户
- curl和fileget_contents在ajax调用后不起作用
- 在任何AJAX调用之前触发一个javascript函数
- 无法在mvc视图中使用ajax调用获取操作返回的模型对象列表
- Ajax调用ERror Cross Origin REquest:在rails中自动完成大学列表
- ASP.NET MVC 3-在ajax调用后,重定向到新页面或生成页面刷新
- 点击功能没有'ajax调用动态元素(Backbone)后无法工作