Ajax、jquery实现前后台数据交互

最新推荐文章于 2020-07-22 14:27:13 发布

桃子_hao

最新推荐文章于 2020-07-22 14:27:13 发布

阅读量5.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： jquery ajax

本文链接：https://blog.youkuaiyun.com/baidu_24748817/article/details/51114512

笔记专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了前端如何通过路由函数与后台进行数据交互，包括数据的获取、验证及处理方式。同时，展示了后台返回数据字典的访问方法，并提供了实例代码帮助理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端发送数据，然后接收后台的返回数据

//‘/_relay_single’是路由函数，用于前后台连接，后台需要有此函数来完成对前端传输数据的操作，data是后台返回的数据
function single_relay( n ){
    $.getJSON( $SCRIPT_ROOT + '/_relay_single', {
        relay_num: n
}, function(data) {
    if(data['relay_status'] == 0)
        $('#status_result').text('断');})；
}；
//绑定click事件,此为函数有参数情况
$('#search').bind('click',function(){single_relay( relay_s.value );});

//绑定click事件,函数无参数情况,直接写函数名即可

$('#search').bind('click',callback );

前端如何操作后台返回的字典数据

/* 后台返回的data格式如下：
{   
    relay_status: 0,
    relay_num: 1
}
*/
//验证字典的访问方式：
data[relay_status] = 0;//不能由data[0]来得到0值。

//也可以这样来操作字典

for( var i in data){
    var relay-status = data[i];//i为键名，即relay_status、relay_num
}