jQuery Ajax：从变量获取URL失效，硬编码URL正常，原因何在？

API 探路者

2026-5-25

问题原因与解决方案

哈哈，这个坑我帮好多开发者踩过！核心问题是你搞混了jQuery中获取元素内容的方法：

为什么`$('#store').val()`会失效？

val()方法是jQuery专门为表单元素（比如<input>、<select>、<textarea>这类带value属性的控件）设计的，用来读取它们的value属性值。而你用的是<div id='store'>store.php</div>，<div>属于普通块级元素，根本没有value属性，所以调用val()会返回undefined——相当于Ajax请求了一个无效的空地址，自然失败。

正确的获取方式

对于<div>这类普通元素，要读取它内部的文本内容，应该用这两个方法：

$('#store').text()：获取元素内的纯文本内容（会忽略HTML标签），适合你这种仅存纯文本的场景
$('#store').html()：获取元素内的完整HTML内容（包括标签），如果你的div里有嵌套标签时才需要用

另外建议加个trim()去掉文本前后可能存在的空格或换行，避免意外的URL错误，比如：

var storeUrl = $('#store').text().trim();

完整的Ajax示例

把正确获取到的URL传入Ajax配置即可，比如：

// 动态获取目标URL
var storeUrl = $('#store').text().trim();

// 发起POST请求
$.ajax({
  url: storeUrl,
  type: 'POST',
  data: {
    // 这里放你的POST参数，比如key: value
  },
  success: function(response) {
    console.log('请求成功，返回数据:', response);
  },
  error: function(xhr, status, error) {
    console.error('请求失败，错误信息:', error);
  }
});