// 创建AJAX对象
var xhr = new XMLHttpRequest();
// 设置回调函数
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 处理服务器响应
var response = xhr.responseText;
console.log(response);
}
};
// 发送GET请求
xhr.open('GET', 'http://example.com/data', true);
xhr.send();
// 发送POST请求
$.ajax({
url: 'http://example.com/submit',
method: 'POST',
data: { name: 'John', age: 30 },
success: function(response) {
// 处理服务器响应
console.log(response);
}
});
// 获取表单元素
var form = document.getElementById('myForm');
// 监听表单提交事件
form.addEventListener('submit', function(event) {
// 阻止默认行为
event.preventDefault();
// 处理表单数据
var name = form.elements.name.value;
var age = form.elements.age.value;
// 执行其他操作,如发送AJAX请求等
});
// 延迟执行代码
setTimeout(function() {
console.log('Delayed code');
}, 3000);
以上是一些常见问题的解决方法和示例代码,希望对你有帮助!