使用原生ajax发送post请求完整案例

最新推荐文章于 2023-02-02 21:08:55 发布

u014087614

最新推荐文章于 2023-02-02 21:08:55 发布

阅读量1.2w

点赞数 1

分类专栏：前端技术文章标签： php javascript ajax

本文链接：https://blog.csdn.net/fantexi1984/article/details/41394627

版权

使用ajax发送数据实现前后台的交互，我想是web开发最基础的技能了。近来dz开发因为不兼容jquery，所以只能使用原生js发送数据，不想还遇到很多问题。在这里分析总结一下。先来一个使用ajax发送post表单数据的案例。

摘要由CSDN通过智能技术生成

<html>
<head>
<title>
ajax发送post请求实例
</title>
</head>
<body>
<form method="post" action="index.php" name="userinfo">
姓名:<input type="text" name="username" />
学校:<input type="text" name="school"/>
个人简介:<textarea name="selfinfo"></textarea>
<a href="javascript:;" οnclick="ajaxpost()">提交</a>
</form>
<script type="text/javascript">
function ajaxpost(){
var f = document.userinfo;
var uname = f.username.value;
var uschool = f.school.value;
var uinfo = f.selfinfo.value;
var xmlhttp

if (window.XMLHttpRequest){
	// code for IE7+, Firefox, Chrome, Opera, Safari
	xmlhttp=ne

最低0.47元/天解锁文章

u014087614

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
2
评论
使用原生ajax发送post请求完整案例

使用ajax发送数据实现前后台的交互，我想是web开发最基础的技能了。近来dz开发因为不兼容jquery，所以只能使用原生js发送数据，不想还遇到很多问题。在这里分析总结一下。先来一个使用ajax发送post表单数据的案例。
复制链接

扫一扫