Всем привет. Пишу веб-приложение с обработкой решений на беккенде, использую фреймворк, vue.js и JQery для Ajax-запроса.
Проблема заключается в том, что значение полученное методом AJAX не отображается в теге Input, но отображается в панели разработчика.
Во вложении zip-файл с кодом.
Буду рад любому совету.
Код JS:
var vue = new Vue({
el: '#app',
data: {
result: '',
numseven: [7],
numeight: [8],
numnine: [9],
opplus: ['+'],
numfour: [4],
numfive: [5],
numsiks: [6],
opminus: ['-'],
numone: [1],
numtwo: [2],
numthree: [3],
opshare: ['/'],
numzero: [0],
dot: ['.'],
opmulti: ['*'],
},
methods: {
input: function(char) {
this.result = this.result.toString();
this.result+=char;
},
calc: function() {
}
}
})
$("#send").on("click", function() {
var name = $("#name").val(); //trim();
$.ajax({
url: 'beccend.php',
type: 'POST',
cache: false,
data: { 'name': name },
dataType: 'html',
success: function(data) { //Функция, которая возвращает рассчитанное значение с бекенда в html
$('.wr').html(data);
}
});
});
<?php
$name = $_POST['name'];
if (isset($_POST['name']) && preg_match('#^[a-z\d\s*/+.()_-]+$#si', $_POST['name'])) {
echo $_POST['name'] . ' = ' . eval('return ' . $_POST['name'] . ';');
} else echo "";