JS T通过ajax请求实现post

最新推荐文章于 2024-04-30 16:21:35 发布
最新推荐文章于 2024-04-30 16:21:35 发布
阅读量639 收藏
点赞数
文章标签： 网络通信 centos java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30359165/article/details/121410711
版权 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
   //  $(document).ready(function () {
   //      $("button").click(function(){
			// var s = [{"auditingInfo":"","brand":"","isLuckNum":"","luckyNoApplyAndCusInfos":[],"memo":"","noClass":"3","noClassName":"普通号码","noLevel":"39","noLevelName":"无等级","noPrompt":"0","noState":"","phoneNum":"15728797016","preFee":0,"preFeeTal":0,"prodId":"","recFee":0,"resType":"","special":false,"wayId":""}]
   //          $.ajax({
			// 	type: 'POST',
			// 	headers:{'Content-Type':'application/json;charset=utf8'},
   //              url:"http://192.168.8.18:8083/ajax/req",
			// 	data: JSON.stringify(s)
   //         });
   //      });
   //  });
	
	$(document).ready(function () {
	    $("button").click(function(){
			var s = [{"auditingInfo":"","brand":"","isLuckNum":"","luckyNoApplyAndCusInfos":[],"memo":"","noClass":"3","noClassName":"普通号码","noLevel":"39","noLevelName":"无等级","noPrompt":"0","noState":"","phoneNum":"15728797016","preFee":0,"preFeeTal":0,"prodId":"","recFee":0,"resType":"","special":false,"wayId":""}]
	        var xhr = new XMLHttpRequest ( ) ;
			xhr.withCredentials = true;
			 xhr.open('POST','http://192.168.8.18:8083/ajax/req');
			  xhr.setRequestHeader('Content-Type','application/json;charset=utf8');
			   xhr.send(JSON.stringify(s));  
	    });
	});
	
</script>
</head>
<body>
     <button>POST</button>
</body>
</html>

qq_30359165
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript学习 -- ajax方法的POST请求
weixin_41489908的博客
07-17 4706
本文介绍了如何使用jQuery发送POST请求，并提供了简单和带标头信息的请求的实际示例。使用jQuery可以方便地向服务器发送数据，并等待响应。在实际开发中，我们通常会使用POST请求来提交表单数据、发送文件或与服务器进行交互。
js发送ajax post请求
weixin_43478869的博客
03-26 5126
先说一下使用步骤 1.创建XHR对象 let ajax = new XMLHttpRequest( ); 2.监听XHR对象的状态改变事件 ajax .onreadystatechange = function(){ if( ajax .readyState===4){ (注：readyState===4 是完成) if(ajax .status===200){ 完成且成功 } else { 完...
原生javascript实现Ajax之get与post
最新发布
foryoustudio的博客
04-30 68
原生javascript实现ajax之get与post
JavaScript 中使用Ajax进行网络post请求和get请求
路宇的博客
12-31 4255
前言： 使用Ajax进行网络请求，默认是异步请求，而且不需要刷新页面，就可以发送请求，获取服务端返回来的数据。 一、Ajax的get请求 做一个实例来使用Ajax,点击button按钮后，在div中显示服务器返回来的response响应体内容，具体注释已经在代码中给出了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-U
Ajax：ajax发送Post请求、ajax案例
热门推荐
dengfengling999的博客
07-21 1万+
上面项目，目前存在的缺点在后端的java代码中又开始拼接HTML代码了。显然这是在后端java中写前端的HTML代码。一般后端不会这样写拼html串返回，只会在后端查数据，把数据返回交给前端。能不能直接将数据返回，给WEB前端数据就行了。让WEB前端能够拿到数据就行，然后页面展示的功能交给WEB前端来处理。我们后端的java代码能不能只返回数据？（返回数据可以采用JSON的格式，也可以采用XML的格式）一般采用JSON，因为json体积小，xml体积大，解析起来有一定难度。......
js---封装ajax的get请求和post请求
前端与计算机相关知识的分享，博主的qq523235674
09-19 1602
1、函数接受一个对象配置信息，url为请求的地址，type为请求的类型，data为请求参数，success为请求成功的回调函数，fail为请求失败的回调函数。
HTML使用极简的方式通过ajax请求实现前后端交互代码实现
06-17
jQuery是一个强大的JavaScript库，它简化了DOM操作，事件处理，动画效果以及，当然，包括AJAX请求。使用jQuery的$.ajax()函数，我们可以轻松地发起异步请求： ```javascript $.ajax({ url: 'your_server_endpoint'...
原生 JS Ajax,GET和POST 请求实例代码
11-25
javascript/js的ajax的GET请求代码如下所示： [removed] /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){ 　if (window.XMLHttpRequest){ 　// code for IE7+, Firefox, Chrome, Opera...
Ajax post请求跳转页面
10-20
然后在Ajax请求成功后，通过JavaScript操作这个表单进行提交： ```javascript $.post(url, { method: "regist", userName: $nameEle.val(), email: $emailEle.val(), password: $passwordEle.val() }, function...
原生JavaScript实现Ajax异步请求
01-19
所以接下来便用原生JavaScrpit实现一个简单的Ajax请求，并说明ajax请求中的跨域访问问题，以及多个ajax请求的数据同步问题。 JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个...
js封装ajax 实现GET请求和POST请求
m0_49011098的博客
01-04 589
【代码】js封装ajax 实现GET请求和POST请求。
js使用ajax发送post json,javascript-如何用ajaxpost复杂json数据
weixin_28928727的博客
08-05 903
$(function(){$.ajax({url:'check.php', //api接口地址data:{"head": {"name": "test",},"body": {"age ": "2",}},type:'post', //数据传输方式dataType:'json',//数据传输格式cache:false,success:function(data) {//执行成功后的回调函数...
JS实现原生AJAX_POST请求
weixin_40492102的博客
08-18 1798
准备工作 新建以下两个文件，目录结构如图所示，包括： 2-POST.html server.js 2-POST.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AJAX
演示原生态的js的Ajax提交方式之: post
qq_36382679的博客
04-25 154
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>演示原生态的js的Ajax提交方式之: post 了解</title> <!--这里写的是: 原生态的js代码--> <script&g...
js的ajax post请求
mozuncangtianbaxue的博客
08-13 1570
转载自：http://blog.csdn.net/wzwlln/article/details/6186520   利用JS使用POST方式提交请求的方法 标签： functionurlhtml 2011-02-15 17:45 87299人阅读 评论(3) 收藏 举报 版权声明：本文为博主原创文章，未经博主允许不得转载。 一般都是写上隐
原生js ajax post请求
weixin_45846263的博客
06-12 4461
POST 请求 ajax在表单中常用，一般都是使用post方法，ajax请求：前台提交数据→后台查询数据→返回给前台 用法 //1、创建请求对象 XHR var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); //其他浏览器 }else if(window.Act
原生JS ajax post请求带参数,返回普通json数据实例
程序员人生,专注互联网程序开发
05-17 2575
通过原生js发起ajax请求和通过json格式返回数据及解析完整实例，数据是通过ajax的post请求
原生ajax POST请求
齐枫的博客
09-13 7383
话不多说，看代码 var data = {//这种格式是需要转成jsonstring的 action:action, diyid:diyid, do : _do, dede_fields:dede_fields,
js AJAX请求的 $.post方法的使用
qq_34963461的博客
01-01 3658
实现功能：本文主要是介绍通过js像后台传递字段：采用的方法是  AJAX请求的 $.post方法。 首先是前端代码： var txt="" var x=1 $("#result").click(function(){ $("div.post-body").each( function(){$(this).children().each(function(){
原生javascript实现ajax 发送post请求
04-23
好的，以下是原生JavaScript实现ajax发送post请求的示例代码： ```javascript let xhr = new XMLHttpRequest(); xhr.open('POST', '/api', true); xhr.setRequestHeader('Content-type', 'application/json'); xhr....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值