ajax回调函数运用(由前端到后端代码全过程)

本文详细介绍了如何使用Ajax回调函数进行前端与后端的交互,从jQuery的Ajax帮助类到控制器、Service、ServiceImpl及DAO层的实现,再到MyBatis的SQL查询,最后在JavaScript中解析数据并展示。通过示例展示了Ajax请求获取信息并处理错误的完整流程。
摘要由CSDN通过智能技术生成
//ajax回调函数
function initActivityWorks(){
var backFun = function(jsonObject){
if(!jsonObject.success){
showSuccessOrErrorModel("获取信息错误,请联系管理员!","error");
return;
               }
//初始化信息
initActivityWorksList(jsonObject);
};
//调用jquery帮助类(引用JqueryHelper.js)
var demoUrl=jQuery.getBasePath  : "/showIndex/getActivityWorksList.bsh";
JqueryHelper.ajaxCon(demoUrl,{activityId:activityId},backFun);
}


//调用的JqueryHelper.js
var JqueryHelp = funtion() {
jqueryHelper.ajaxCon =function(url,para,sus){
$.ajax({
url :url,
dataType :'json',
type : "post",
data : para,
timeout : 30000,
success : function(set,status){
sus(set,status);
},
erroe : function(){
i
以下是一个使用 Ajax后端传递参数的完整示例代码: HTML 代码: ```html <!DOCTYPE html> <html> <head> <title>Ajax 参数传递示例</title> <meta charset="utf-8"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <form id="myForm"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="age">年龄:</label> <input type="text" id="age" name="age"><br><br> <button type="button" id="submitBtn">提交</button> </form> <div id="result"></div> <script> $(function() { $("#submitBtn").click(function() { var name = $("#name").val(); var age = $("#age").val(); $.ajax({ url: "backend.php", type: "POST", data: { name: name, age: age }, success: function(data) { $("#result").html(data); }, error: function() { alert("请求失败,请稍后重试"); } }); }); }); </script> </body> </html> ``` 在上面的代码中,我们创建了一个表单,其中包含了两个输入框和一个提交按钮。当用户点击提交按钮时,使用 jQuery 的 `$.ajax()` 方法向后端发送请求,并将表单中的参数传递给后端后端 PHP 代码: ```php <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = $_POST["name"]; $age = $_POST["age"]; echo "您提交的姓名是:" . $name . "<br>"; echo "您提交的年龄是:" . $age; } ?> ``` 在上面的 PHP 代码中,我们首先判断请求的方法是否为 POST,如果是,则从 `$_POST` 数组中获取前端传递过来的参数,并将结果返回给前端。 当用户在前端输入姓名和年龄并点击提交按钮时,前端会向后端发送一个 POST 请求,请求的 URL 是 `backend.php`,同时会将姓名和年龄作为请求的参数传递给后端。当后端接收到请求后,会在页面上展示用户提交的姓名和年龄。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值