栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

从原型转换为jQuery

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

从原型转换为jQuery

在jQuery的阿贾克斯()调用,所有这一切。它具有较少参数的包装器,例如.get()、.
post()和.load(),您可以使用这些包装器来减少冗长的语法。

您没有提到要获取的数据采用的格式。您需要在.ajax()调用中指定。大致:

function addMessage(message) {  $.ajax({    url: 'add.php',    success: function() {      $("#chatmessage").text('');    },    error: function() { ... },    timeout: 3000,    data: {      message: message    }   }); }function getMessages() {  $.ajax({    url: 'messages.php',    dataType: 'html',    timeout: 3000,    error: function() { ... },    success: function(data) {      $("#messages").html(data);    }  });}

注意: dataType参数仅需要匹配脚本生成的任何内容。例如,如果messages.php生成一条HTML消息列表,则将其dataType设置为“
html”。如果是这种情况,您还可以将代码简化为:

function getMessages() {  $("#messages").load("message.php");}

注意: load()函数只是.ajax()的包装。如果需要设置超时,错误处理等功能,请使用.ajax()。例如:

<div id="messages"></div><input type="button" id="getmessages" value="Get Messages">...<script type="text/javascript">$(function() {  $("#getmessages").click(function() {    $(this).attr("disabled", "true");    $.ajax({      url: 'message.php',      dataType: "html",      timeout: 5000,      error: function() {        alert("Error talking to server.");        $(this).attr("disabled", "false");      },      success: function(data) {        $("#messages").html(data);        $(this).attr("disabled", "false");      }    });  });});</script>

上面是一个完整的示例,应该使您对可以使用这些额外参数的想法有所了解。如果您不需要它们,请使用速记版本。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/436942.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号