// 仅添加这段代码到你现有页面的JS末尾，不改动其他代码 // 适配你现有页面的选择器（请替换成你实际的输入框/按钮/表格ID） jQuery(document).ready(function($) { // 定义查询函数，复用你现有页面的DOM结构 function loadFreightRates() { // 获取你现有输入框的值（用你实际的选择器，比如#origin、#dest） var origin = $('#pol').val(); var dest = $('#pod').val(); var carrier = $('#line').val(); // 调用接口获取数据，不改动你现有页面的样式 $.ajax({ url: '', type: 'GET', data: { action: 'get_freight_rates', origin: origin, dest: dest, carrier: carrier }, dataType: 'json', success: function(data) { // 清空你现有表格的内容（用你实际的表格tbody选择器） var $tbody = $('#your-freight-table-tbody').empty(); // 填充数据，完全复用你现有表格的HTML结构 if (data.length === 0) { $tbody.html('暂无数据'); } else { $.each(data, function(i, item) { // 复用你现有表格的行结构，仅替换数据 var tr = '' + '' + item.origin_port + '' + '' + item.dest_port + '' + '' + item.carrier + '' + '' + item.price_20gp + '' + '' + item.price_40gp + '' + '' + item.price_40hq + '' + '' + item.valid_from + ' 至 ' + item.valid_to + '' + '' + (item.remark || '') + '' + ''; $tbody.append(tr); }); } } }); } // 绑定你现有查询按钮的点击事件（用你实际的按钮ID） $('#your-search-button').click(loadFreightRates); // 页面加载时自动查询（保持你现有逻辑） loadFreightRates(); });
滚动至顶部