javascript - 使用 jquery 和 php 的 ajax

Question

我有一个带有 ID 年龄的输入字段。我正在尝试使用 ajax 传递这个年龄和其他输入字段中的一些其他值，如下所示-

var age = document.getElementById('age').value;
var wpm = document.getElementById('wpm').value;
var sex = document.getElementById('sex').value;
var queryString = "?age=" + age ;

queryString +=  "&wpm=" + wpm + "&sex=" + sex;
ajaxRequest.open("GET", "ajax-example.php" + queryString, true);
ajaxRequest.send(null); 
ajaxRequest.open("GET", "ajax-example.php" + queryString, true);

所以在我的 html 文档的 javascript 部分，如果我写

var age = document.getElementById('age').value;

程序完美执行。

但是如果我写这个而不是上面的语句 -

var age =$('#age').val();

我的年龄值未通过

所以我的问题是这些陈述之间有什么区别

var age = document.getElementById('age').value;
var age =$('#age').val();

Answer 1

Javascript

 var age = document.getElementById('age').value;

Jquery

var age =$('#age').val();

如果 $("#age").val() 不起作用，那么很可能您根本没有为 jquery 加载库

http://code.jquery.com/jquery-latest.min.js

适用于最新的 jquery 库。如果你将该库加载到你的页面中，那么所有 jquery 脚本和函数都应该可以工作，我相当肯定 ajax 是一个 jquery 函数，所以你会想要这样做