You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在两个文件之间传递变量?附前后端代码示例

前后端跨文件信息传递实现代码解析

前端JavaScript代码(发起AJAX请求)

这段代码会在邮编(codePostal)长度为5位时,向后端PHP文件发送请求,传递邮编和城市信息,并将返回结果填充到指定DOM元素中:

function findDepartment(codePostal, commune, deptId) {
    if (codePostal.length == 5) {
        var fichier1 = "inclusions/ajax-cp-departement.php";
        $.ajax({
            url: fichier1,
            data: {codePostal: codePostal, commune: commune},
            success: function(response) {
                $(deptId).val(response);
            },
            error: function(xhr) {
                alert('Error! Status = ' + xhr.status);
            }
        });
    }
}

后端PHP代码片段(处理请求)

后端接收前端传递的commune参数,并做了初步的清理处理(完整逻辑应该包含更多业务处理,最终返回对应部门信息):

$commune = $_REQUEST['commune'];
$commune = trim($commune);
// 后续可补充根据codePostal和commune查询部门信息的业务逻辑,最终输出结果返回给前端

核心逻辑说明

  • 触发条件:仅当输入的邮编是标准5位长度时才发起AJAX请求,避免无效请求
  • 数据传递:前端通过data字段将codePostal和commune两个参数传递给后端
  • 响应处理:请求成功时,后端返回的内容会被填充到deptId指定的表单元素中;请求失败则弹出错误状态码提示

内容的提问来源于stack exchange,提问作者Jihane

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.26 08:58:22