js使用ajax传值给后台,后台返回字符串处理方法


Posted in Javascript onAugust 08, 2018

之前使用js获取后台生成的JSON字符串,然后给select填充值,这次需要重新获取一次。

这里的目标是,在一个input输入框里,输入一个用户名,判断是否为空,是否不存在,如果存在返回几个字段给前台,前台再绑定到其他input上

直接垒代码

HTML页面

<code class="language-html"><input type="text" id="iusername" runat="server" onblur="tbox_click()"/> 
<input id="inadd" runat="server" type="text" /> 
<input id="intel" runat="server" type="text" /></code>

js

<script>
  function tbox_click() {
   var cc = document.getElementById("iusername").value;
   var jsonob = {tbname:cc};
   $.ajax({
    type: "Post",
    url: "tc.aspx/Tbclick",
    contentType: "application/json; charset=utf-8",
    dataType: "text",
    data: JSON.stringify(jsonob),
    success: function (data) {
     var a = eval("(" + data + ")");
     var al = a.d;
     if (al == "namenull") {
      alert("The user name does not exist. Please re-enter it(该用户名不存在,请重新输入)");
      return;
     }
     if (al == "null") {
      alert("Please input OBTUsername(请输入用户名)");
      return;
     }
     //alert(a.d);
     var myd = new Array();
     myd = a.d.split("|");
     $("#intel").val(myd[0]);
     $("#inadd").val(myd[1]);
    },
    error: function (e) {
     alert(e.message);
    }
   });
  }
 </script>

后台

[WebMethod]
  public static string Tbclick(string tbname)
  {
   if (tbname.Trim() == "")
   {
    return "null";
   }
   var user = new User(tbname.Trim());//这个是根据tbname从数据库中获取信息的方法,可以自行填写
   if (user.userName == null)
   {
    return "namenull";
   }
   string jsonText = user.mobile+"|"+user.address;
 
   return jsonText;
  }

这里重点说一下和之前的那个的区别,之前的有个函数,返回值是已经处理成JSON格式的字符串,这里的返回值则不是,所以在js里的处理不一样,原来的方式是

var aa = eval("(" + data.d + ")");
alert(aa);

这里则是

var a = eval("(" + data + ")");
alert(a.d);

此一时彼一时也,这个问题找了好久才发现。

以上这篇js使用ajax传值给后台,后台返回字符串处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JSON 编辑器实现代码
Dec 06 Javascript
javascript:文字不间断向左移动的实例代码
Aug 08 Javascript
jQuery简单实现遍历数组的方法
Apr 14 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
Jul 17 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
Mar 25 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
Angularjs中的ui-bootstrap的使用教程
Feb 19 Javascript
bootstrap模态框示例代码分享
May 17 Javascript
解决JS外部文件中文注释出现乱码问题
Jul 09 Javascript
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
Sep 11 Javascript
JavaScript引用类型Object常见用法实例分析
Aug 08 #Javascript
微信小程序wepy框架笔记小结
Aug 08 #Javascript
angularJs中$http获取后台数据的实例讲解
Aug 08 #Javascript
JavaScript常见JSON操作实例分析
Aug 08 #Javascript
vue.js与后台数据交互的实例讲解
Aug 08 #Javascript
JS实现自定义弹窗功能
Aug 08 #Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 #Javascript
You might like
php获取mysql版本的几种方法小结
2008/03/25 PHP
php面向对象全攻略 (一) 面向对象基础知识
2009/09/30 PHP
PHP 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
PHP 设置MySQL连接字符集的方法
2011/01/02 PHP
PHP与MongoDB简介|安全|M+PHP应用实例详解
2013/06/17 PHP
php检测url是否存在的方法
2015/04/14 PHP
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
2011/10/01 Javascript
JavaScript实现网页截图功能
2014/10/16 Javascript
JavaScript实现cookie的写入、读取、删除功能
2015/11/05 Javascript
Nodejs如何搭建Web服务器
2016/03/28 NodeJs
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
js编写一个简单的产品放大效果代码
2016/06/27 Javascript
Vue.js中数组变动的检测详解
2016/10/12 Javascript
基于jQuery实现咖啡订单管理简单应用
2017/02/10 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
Vue精简版风格概述
2018/01/30 Javascript
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
2019/01/28 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
python的几种开发工具介绍
2007/03/07 Python
python使用win32com库播放mp3文件的方法
2015/05/30 Python
如何利用python制作时间戳转换工具详解
2018/09/12 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
python numpy 常用随机数的产生方法的实现
2019/08/21 Python
python中有关时间日期格式转换问题
2019/12/25 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
广州御银科技股份有限公司试卷(C++)
2016/11/04 面试题
平面设计师工作职责范文
2013/12/03 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
技能比武方案
2014/05/21 职场文书
民族学专业求职信
2014/07/28 职场文书
个人批评与自我批评范文
2014/10/17 职场文书
经费申请报告范文
2015/05/18 职场文书
2016年教师党员公开承诺书
2016/03/24 职场文书