ajax怎么访问网址,ajax提交网页访问请求

//首先创建访问对象 request

var request = false;

try{

request = new XMLHttpRequest();

}

catch (trymicrosoft) {

try{

request = new ActiveXObject("Msxml2.XMLHTTP");

}

catch (othermicrosoft) {

try {

request = new ActiveXObject("Microsoft.XMLHTTP");

}

catch (failed) {

request = false;

}

}

}

if (!request)

alert("Error initializing XMLHttpRequest!");

//再定义反馈接收函数

function updatePage() {

if (request.readyState == 4) {

if (request.status == 200) {

//alert(request.responseText);

} else{

//alert("status is " + request.status);

}

}

}

//在需要提交请求的地方,以下为Get方式

request.open("GET", "xxxx.asp?parm=yyyy", true);

request.onreadystatechange = updatePage;

request.send(null);

//以下通过Post方式打开连接,大小可以超过2K

request.open("POST", url, true);

request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

request.onreadystatechange = updatePage;request.send("parm1=....&parm2=....");

最后,如果参数含有特殊字符,就先用escape()函数编码一下,服务器端用unescape解码。javascript和服务器端都支持这两个函数。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,您可以参考下面的代码实现: ```html <form id="password-form"> <div class="form-group"> <label for="current-password">当前密码</label> <input type="password" class="form-control" id="current-password" name="current-password" placeholder="请输入当前密码" required> <div class="invalid-feedback">请输入当前密码</div> </div> <div class="form-group"> <label for="new-password">新密码</label> <input type="password" class="form-control" id="new-password" name="new-password" placeholder="请输入新密码" required oninput="checkNewPassword()"> <span id="new-password-tip" style="color:red;"></span> </div> <div class="form-group"> <label for="confirm-password">确认密码</label> <input type="password" class="form-control" id="confirm-password" name="confirm-password" placeholder="请再次输入新密码" required oninput="checkConfirmPassword()"> <span id="confirm-password-tip" style="color:red;"></span> </div> <button type="submit" class="btn btn-primary" id="submit-btn">确认修改</button> </form> <script> function checkNewPassword() { const password = document.getElementById('new-password').value; const regex = /^(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]).{8,}$/; const isValid = regex.test(password); const tip = document.getElementById('new-password-tip'); if (isValid) { tip.innerHTML = ''; } else { tip.innerHTML = '密码必须包含大小写字母、数字和特殊字符,并且长度不小于8位'; } } function checkConfirmPassword() { const password = document.getElementById('new-password').value; const confirmPassword = document.getElementById('confirm-password').value; const tip = document.getElementById('confirm-password-tip'); if (password === confirmPassword) { tip.innerHTML = ''; } else { tip.innerHTML = '两次输入的密码不相同'; } } const form = document.getElementById('password-form'); const submitBtn = document.getElementById('submit-btn'); form.addEventListener('submit', function(event) { event.preventDefault(); // 阻止默认的表单提交行为 const currentPassword = document.getElementById('current-password').value; const newPassword = document.getElementById('new-password').value; const confirmPassword = document.getElementById('confirm-password').value; // 发送 AJAX 请求到后台 const xhr = new XMLHttpRequest(); xhr.open('POST', '/change-password'); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { alert('密码修改成功!'); } else { alert('密码修改失败,请重试!'); } } }; xhr.send(JSON.stringify({ currentPassword: currentPassword, newPassword: newPassword, confirmPassword: confirmPassword })); // 禁用提交按钮,防止重复提交 submitBtn.disabled = true; }); </script> ``` 该代码使用了AJAX技术,通过XMLHttpRequest对象向后台发送POST请求请求的URL为`/change-password`。在发送请求之前,先阻止默认的表单提交行为。在接收到后台响应之后,根据响应状态判断密码修改是否成功,并弹出相应的提示信息。同时,在发送请求时禁用提交按钮,防止用户重复提交

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值