使用jQuery GET方法传递两个参数时请求异常的问题求助

看起来你遇到的核心问题是页面被意外刷新了，导致请求结果只显示一秒就消失，URL也被重置成根路径。结合你的描述，大概率是这几个原因导致的：

1. 表单默认提交行为触发了页面刷新 #

如果你的请求函数是通过表单的submit事件触发（比如按钮是type="submit"，或者你绑定了表单的submit事件），浏览器会在执行你的JS代码后，默认提交表单并跳转页面——这就是为什么结果闪一下就没，URL变成http://localhost:5000/?的原因。

解决办法：阻止默认行为 #

在你的事件处理函数里加上event.preventDefault()，彻底阻止浏览器的默认提交动作：

// 假设你绑定了表单的submit事件
$('form').submit(function(event) {
  // 关键：阻止表单默认提交
  event.preventDefault();

  var h1 = $('#firstname').val();
  var h2 = $('#lastname').val();

  // 发起GET请求
  $.get("http://localhost:5000/name?firstname=" + h1 + "&lastname=" + h2, function(data) {
    // 把结果渲染到页面上，比如放到某个容器里
    $('#output').text(data);
  }).fail(function() {
    // 可选：处理请求失败的情况
    alert('请求出错啦，请检查参数或API状态');
  });
});

如果是绑定按钮的click事件，只要按钮是type="submit"，同样需要加event.preventDefault()哦。

2. 手动拼接URL的两个坑 #

你写的第二个URL开头有个多余的空格：" http://localhost:5000/name?..."，这个空格会让请求地址变成无效的，浏览器解析时会出问题，一定要去掉！

另外，手动拼接URL参数很容易遇到特殊字符编码问题（比如名字里有空格、&、#这类字符），建议改用jQuery $.get的参数对象写法，它会自动帮你做URL编码，更安全也更简洁：

$.get("http://localhost:5000/name", {
  firstname: h1,
  lastname: h2
}, function(data) {
  $('#output').text(data);
});

3. 额外检查点 #

• 确认你的API后端能正确接收firstname和lastname两个参数，没有参数名拼写错误（比如后端是last_name而你传的是lastname）
• 打开浏览器的开发者工具（F12），切换到Network标签，看看请求是否真的发出去了，响应状态码是不是200，响应内容是否符合预期

内容的提问来源于stack exchange，提问作者Neeraj Negi