Ver Mensaje Individual
  #2  
Antiguo 11-06-2019
tsk tsk is offline
Miembro
 
Registrado: dic 2017
Posts: 52
Reputación: 7
tsk Va por buen camino
Sin ver la página me puedo imaginar que el front-end está hecho ya sea con Angular o React. Y pues la mayoría está hecho en javascript.

Entonces, si haces un simple "Ver código fuente" te vas a topar con algo parecido a


Código PHP:
<!doctype html>
<
html lang="en">
<
head>
  <
meta charset="utf-8">
  <
title>Todo List</title>
  <
base href="/">

  <
meta name="viewport" content="width=device-width, initial-scale=1">
  <
link rel="icon" type="image/x-icon" href="favicon.ico">
<
link rel="stylesheet" href="styles.fd5a66b8129deb426b66.css"></head>
<
body>
  <
app-root></app-root>
<
script type="text/javascript" src="runtime.26209474bfa8dc87a77c.js"></script><script type="text/javascript" src="es2015-polyfills.bda95d5896422d031328.js" nomodule></script><script type="text/javascript" src="polyfills.8bbb231b43165d65d357.js"></script><script type="text/javascript" src="main.cf9b53bb05fc8927a7d8.js"></script></body>
</html> 

En Chrome, con las herramientas de desarrollador puedes inspeccionar, pero aún así no vas a obtener mucha más información

Código PHP:
<form _ngcontent-mhg-c3="" class="form ng-untouched ng-pristine ng-valid" novalidate="">
<
input _ngcontent-mhg-c3="" name="title" placeholder="Add Todo..." type="text" class="ng-untouched ng-pristine ng-valid">
<
input _ngcontent-mhg-c3="" class="btn" type="submit" value="Submit">
</
form

En el caso de angular, esa forma lo genera del siguiente código


Código PHP:
<form class="form" (ngSubmit)="onSubmit()">
    <
input type="text" name="title" [(ngModel)]="title" placeholder="Add Todo...">
    <
input type="submit" value="Submit" class="btn">
</
form

La forma en que podrías ver, con las mismas herramientas de desarrollador, es observando en el tab que se llama Network




Ya que sabes cual es la URL, podrías buscarla en las fuentes de javascript, por ejemplo, en este caso se encuentra en main.XXXXXXXXXXX.js

Código PHP:
this.todosUrl="https://jsonplaceholder.typicode.com/todos 
Y la función addTodo la verías como

Código PHP:
t.prototype.addTodo=function(t){return this.http.post(this.todosUrl,t,vf)} 
donde

t son los datos que vienen de la forma y vf son las opciones, por ejemplo

Código PHP:
vf={headers:new Uh({"Content-Type":"application/json"})} 
Lo de arriba, en el código fuente original lo verías como (Angular)

Código PHP:
 addTodo(todo:Todo):Observable<Todo>{
    const 
url = `${this.todosUrl}/${todo.id}`;
    return 
this.http.post<Todo>(this.todosUrltodohttpOptions);
  } 
y

Código PHP:
const httpOptions = {
  
headers: new HttpHeaders({
    
'Content-Type''application/json'
  
}) 
Responder Con Cita