如何在两个文件之间传递变量?附前后端代码示例
前后端跨文件信息传递实现代码解析
前端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
相关产品推荐
相关产品推荐

