代码之家 › 专栏 › 技术社区 › Mevia

异步并等待以下获取请求

ajax javascript

Mevia · 技术社区 · 6 年前

async , await . 唯一的问题是,在我当前的设置中,我对如何编写它有点困惑。

设置如下:

我点击一个按钮触发 clicker 作用
点击器 ajax
功能是 fetch 要求
点击器 作用

目前我正在 undefined 功能,有人能帮忙指出问题所在吗?

var ajax = function() {
	fetch('https://jsonplaceholder.typicode.com/todos/1')
		.then(response => response.json())
		.then(json => { console.log('ajax function', json); return json; })
		.catch(error => console.log(error))
};

var clicker = async function() {
	var a = await ajax();
	console.log('clicker function', a);
};

<div onclick="clicker(event, this);">
	Test Me
</div>

2 回复 | 直到 6 年前

Kamil KieÅczewski 6 年前

尝试

var ajax = async function() {
  try {
    let response = await fetch('https://jsonplaceholder.typicode.com/todos/1')
    let json = await response.json();
    console.log('ajax function', json)
    return json;

  } catch (error) {
    console.log(error)
  };
};

var clicker = async function() {
  var a = await ajax();
  console.log('clicker function', a);
};

.btn { border-radius: 5px; background: #00ff00; width: 80px; padding: 10px;cursor: pointer; }

<div class="btn" onclick="clicker(event, this);">
  Test Me
</div>

Quentin 6 年前

你只能 await 承诺。

的返回值 ajax() 是 undefined 因为它没有返回语句。

fetch

添加返回语句:

return fetch('https://jsonplaceholder.typicode.com/todos/1')

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前